コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ ウェブフロントエンド htmlチュートリアル HTMLフォームタグの使用法

HTMLフォームタグの使用法

小云云
小云云
Jan 26, 2018 am 11:19 AM
form html 使用法

通常、 タグはユーザー入力情報を収集するために使用されます。最も一般的に使用される form タグは、input タグ () です。入力タイプは type 属性 (type) によって定義されます。一般的な入力タイプには、テキスト フィールド、ラジオ ボタン、チェック ボックス、ドロップダウン メニューなどが含まれます。

HTML のフォームを使用して、ユーザーからさまざまな種類の入力情報を収集できます。フォームは実際にはフォーム要素を含む領域であり、この領域内のさまざまな要素の入力情報は、最終的にフォームを通じてプログラム スクリプトに送信されます。たとえば、一般的なものには、ユーザーのログイン、登録、記事の公開などが含まれ、これらはすべてフォームを介して処理するために動的プログラムに送信されます。このセクションでは主にフォームとフォーム要素について説明します。フォーム情報を動的プログラムに送信する方法については、今後のプログラミング言語のレッスンで説明します。
フォームの領域では、

タグを使用して、
内の要素の値がこのフォームを通じて対応するアドレスに送信されます。 。
テキスト フィールド
 テキスト フィールドは、ユーザーにテキストを入力する機能を提供します。ユーザーは、テキスト フィールドを長方形のボックスとして解釈し、ボックス内にカーソルを移動します。ユーザーはフォームに文字、数字などを入力できます。
テキストフィールドは、タグのtype属性のテキスト値を設定することで定義されます


XML/HTMLコードコンテンツをクリップボードにコピーします

  1. <フォーム >

  2. テキストフィールド 1:

    < input type=”text” name=”lastname” />

  3. フォーム> ブラウザは次のように表示されます:

  4. ラジオ ボタン ラジオ ボタンは、ユーザーが登録時に情報を入力するときにオプションに表示されることがほとんどです。このタイプのマルチユーザーでは、ユーザーは次のことのみを許可されます。結果を 1 つ選択します。 ラジオボタンは、 タグの type 属性の値を radio に設定することで定義されます。 

    <form>
<input type=”radio” name=”sex” value=”male” /> 男生   
<input type=”radio” name=”sex” value=”female” /> 女生   
</form>
    ログイン後にコピー

ブラウザには次のように表示されます:


201678135308382.png (296×89)

チェックボックス
チェックボックスを使用すると、ユーザーは 1 つ以上の対応するオプションをチェックできます。一般的なのは、ログイン時にログイン アカウントを記憶するなどの機能をユーザーに提供することです。ユーザーアンケートページではユーザーから複数の意見を収集することもできます。 チェックボックスは、 タグの checkbox に type 属性の値を設定することで定義されます

    <form>
<input type=”checkbox” name=”val1″ />
前端开拓者不错   
<input type=”checkbox” name=”val2″ />
前端开拓者一般   
</form>
    ログイン後にコピー
ブラウザには次のように表示されます:


201678135342504.png (164×77)

ドロップダウン メニュー
メニューは情報の選択と同じです。単一の選択も同様ですが、ドロップダウン メニューにはより多くの情報を含めることができます。また、ドロップダウン メニューでは、メニュー値を選択した後に追加のスクリプトを実行できます。 ドロップダウン メニューは