【Web予備】フォーム

入力制御

<input type="属性值" value="你好">

ここに画像の説明を挿入

  1. タイプ属性

    この属性の値を変更することにより、所属する入力フォームを判別できます。

  2. 値属性値

    valueテキスト値。一部のフォームでは、ページを開いた直後にデフォルトでいくつかの単語が表示されます。この値で設定できます。

  3. 名前属性

    • name属性の背後にある値は、自分で定義します。

    • ラジオがグループの場合は、複数の名前から1つを選択できるように、それらに同じ名前を付ける必要があります。

    <input type="radio" name="sex" /><input type="radio" name="sex" />
  4. チェックされた属性

    デフォルトの選択状態を示します。ラジオボタンとチェックボタンでより一般的です。

ラベル

labelタグは、入力要素のラベル(label)を定義します。

ラベルのテキストをクリックすると、カーソルが指定したフォームに配置されます

  1. 最初の使い方は、ラベルを使用して入力フォームを直接含めることです。
<label> 用户名: <input type="radio" name="usename" value="请输入用户名">   </label>

単一フォームの選択に適しています

  1. 属性の2番目の使用法は、ラベルがバインドされるフォーム要素を指定します。
<label for="sex"></label>
<input type="radio" name="sex"  id="sex">

textareaコントロール(テキストフィールド)

<textarea >
  文本内容
</textarea>

ドロップダウンリストを選択

<select>
  <option>选项1</option>
  <option>选项2</option>
  <option>选项3</option>
  ...
</select>

selected = "selected"がオプションで定義されている場合、現在のアイテムはデフォルトの選択されたアイテムです

フォームフィールド

収集したユーザー情報をフォームフォームフィールドを介してサーバーに渡す

<form action="url地址" method="提交方式" name="表单名称">
  各种表单控件
</form>
の属性 属性値 効果
アクション URLアドレス フォームデータを受信して​​処理するサーバープログラムのURLアドレスを指定するために使用されます。
方法 取得/投稿 フォームデータの送信方法を設定するために使用され、その値はgetまたはpostです。
名前 名前 同じページ上の複数のフォームを区別するためにフォームの名前を指定するために使用されます。
163の元の記事が公開されました いいね18 ビジター7684

おすすめ

転載: blog.csdn.net/xcdq_aaa/article/details/105363957