フォームは、Web ページとユーザー間の対話ツールであり、コンテナとしての 要素と、 要素で使用できるその他のタグで構成されます。フォームには、、、、<fieldset>、<legend>、<label>、およびその他のフォーム コントロール要素を含めることができます。 <span style="line-height: 1.76em;">フォーム要素とは何ですか? <strong>次の要素が含まれます: <form>、<input> 入力テキスト ボックス、<button> ドロップダウン メニュー、<select>、<textarea> , もちろん html5 ではいくつかの新しい要素が追加されました。以下のコンテンツ は様々なHTMLフォーム要素の取得と使用例をまとめています！ 1. HTML5の新しいフォーム要素と使用例 1. HTML5の新しいフォーム要素の使い方とチュートリアル例のまとめ HTML5 の新しいフォーム要素 : タグはオプションのリストを定義します。この要素を input 要素と組み合わせて使用して、入力の可能な値を定義します。 : タグは、フォームに使用するキー ペア ジェネレーター フィールドを指定します。 : タグは、スクリプトの出力など、さまざまなタイプの出力を定義します。 2.HTMLフォームのフォーム要素の包括的な理解datalist要素は、入力フィールドのオプションのリストを指定します。 リストはデータリスト内のオプション要素を通じて作成されます。データリストを入力フィールドにバインドする必要がある場合は、入力フィールドの list 属性を使用してデータリストの ID を参照してください。 keygen 要素はキーペアジェネレーターです。フォームが送信されると、2 つのキーが生成されます。1 つは秘密キー、もう 1 つは公開キーです。秘密キーはクライアントに保存され、公開キーはサーバーに送信されます。 output 要素は、計算やスクリプト出力など、さまざまなタイプの出力に使用されます。 2. PHPのフォーム要素の詳しい説明1. PHPフォーム要素の紹介：選択フィールドタグとテキストフィールドタグ 選択ドメインタグとでリストやメニューを作成できます。このメニューはスペースを節約するために使用されます。通常の状態では、右側の下の三角ボタンをクリックしてメニューを開くと、メニューの 1 つのオプションのみが表示されます。リストには一定数のオプションを表示できます。この数を超えると、スクロール バーが自動的に表示され、閲覧者はスクロール バーをドラッグすることで各オプションを表示できます。 2. PHP フォーム要素の概要: 入力フィールド タグ 入力フィールド タグ は、フォームで最もよく使用されるタグの 1 つです。一般的に使用される入力フィールド タグ には、テキスト ボックス、ボタン、ラジオ ボタン、チェック ボックスなどが含まれます。 3.PHPの処理例 チェックボックスの複数選択ボックスフォーム要素チェックボックスの値の取得方法は、通常の入力の取得方法とは異なり、配列形式で統一した名前を付ける必要があります。 as mycheckbox[], はい PHP で配列を定義する方法です。次に、このデータをバックグラウンドで取得します (POST フォームの $_POST['mycheckbox'] など)。この時点では、このデータはすでに配列になっています。 3. JavaScript と jquery でフォーム要素を取得して使用する1. JavaScript でフォーム要素を取得するいくつかの方法最初の方法は、要素の名前を通じて取得することです : 要素のインデックスを取得します 3 番目の方法: 要素の ID を介して取得します2 フォーム要素を処理するための jQuery コード 1) 入力クラスの値を取得します: $("input").val(); 2) textarea クラスの値を取得します: $("textarea").val(); ). select クラスの値を取得します: $("select").val(); フォームに複数の入力クラス (または textarea クラスと select クラス) が含まれる場合、上記のメソッドを使用して取得される結果は配列になります。もちろん、これらのコントロールに ID を追加して、特定のコントロールの値を取得することもできます (例: $("input#myID").val())。 フォーム要素に関する関連する質問と回答: 1. フロントエンド - モバイル側でフォーム要素をクリックしたときのページの相対的な動きに問題はありますか? 2. javascript - React で React-bootstrap のフォーム要素コントロールの内部値を取得する方法3. JavaScript でフォーム要素 select を取得する方法【関連する推奨事項】 1. php.cn オリジナル html5 ビデオ チュートリアル2. 「php.cn Dugu Jiijian (4)-php ビデオ チュートリアル」3. php.cn Dugu Jiijian (3)-JavaScript ビデオ チュートリアル
