のHTMLフォーム要素

FORMタグ

タグ 説明
ユーザー入力用フォーム定義
入力 入力フィールドを定義します。
TEXTAREA 定義されたテキストフィールド(複数行入力コントロール)
ラベル ラベルの入力要素を定義し、一般的にタイトルを入力します
フィールドセット これは、フレームを含む、関連するフォーム要素のセットを定義し、それらを使用します
伝説 これは、フィールドセット要素のタイトルを定義します
選択する これは、オプションのドロップダウンリストを定義します
OPTGROUP オプションの定義された一連
オプション オプションの定義されたドロップダウンリスト
ボタン ボタンのクリックを定義します。
データリスト 事前に定義された制御オプションの指定されたリストを入力します。
keygenの 定義されたフォーム鍵ペアジェネレータフィールド
出力 計算の定義

サンプルコード

国境を持つフォーム

<!DOCTYPE html>
<html>
<body>

<form action="">
<fieldset>
<legend>Personal information:</legend>
Name: <input type="text" size="30"><br>
E-mail: <input type="text" size="30"><br>
Date of birth: <input type="text" size="10">
</fieldset>
</form>

</body>
</html>

入力ボックスと、フォームの送信ボタンを

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>W3Cschool(w3cschool.cn)</title> 
</head>
<body>

<form action="demo-form.php" method="post">
First name: <input type="text" name="FirstName" value="Mickey"><br>
Last name: <input type="text" name="LastName" value="Mouse"><br>
<input type="submit" value="提交">
</form>

<p>点击"提交"按钮,表单数据将被发送到服务器上的“demo-form.php”。</p>

</body>
</html>
公開された25元の記事 ウォン称賛19 ビュー677

おすすめ

転載: blog.csdn.net/devin_xin/article/details/105012432