-7

ユーザーがフォームに入力するときに HTML 要素にフォームの値を表示/エコーする方法はありますか?

巨大な検索フォームを作成していますが、ユーザーが検索しようとしていることを思い出させる送信ボタンのそばに役立つ領域を追加したいと考えています。

4

4 に答える 4

1

PHP を使用していて、サーバー (Apache など) の構成で html/htm/xhtml ファイルでインライン php が有効になっている場合は、次のように php を含めることができます。

<..>
<form>
<input>
<?php
echo 'test'
?>
</form>
<..>

ほとんどの場合、サーバーは .php ファイルのみの php 解析を有効にしているため、同じものを .htm の代わりにファイル .php に入れることができ、機能します。

ユーザーがページ上部のフィールドに入力したフォームフィールドの値を表示したい場合は、代わりに次のようにします。

<form>
<input id="search" value="test" onkeypress="$('#search_field_test').text($(this).val())" >
<..>
<span id="search_field_test">
</form>
于 2012-08-03T03:59:26.227 に答える
0

また、次のようなことができるようになるAngularJSをチェックアウトすることもできます。

<!doctype html>
<html ng-app>
  <head>
    <script src="http://code.angularjs.org/angular-1.0.1.min.js"></script>
  </head>
  <body>
    <div>
      <label>Name:</label>
      <input type="text" ng-model="yourName" placeholder="Enter a name here">
      <hr>
      <h1>Hello {{yourName}}!</h1>
    </div>
  </body>
</html>
于 2012-08-03T04:18:16.803 に答える