登録と検索のためにログインする必要のあるHTMLの場所はたくさんあり、フォームフォームが関係します。
フォームの一般的なプロパティ：
| の属性 | 説明文 |
|---|---|
| 名前 | フォームの名前 |
| アクション | フォームを送信する目的 |
| 方法 | フォーム送信メソッド（取得） |
| enctype | テキストと画像を含むファイルをアップロードする場合 |
一般的なタイプの入力
| タイプ | 効果 |
|---|---|
| テキスト | 単一行のテキストボックス |
| パスワード | パスワード入力ボックス |
| 無線 | ラジオボックス |
| チェックボックス | チェックボックス |
| ファイル | ファイルをアップロード |
| ボタン | ボタン |
| 参加する | 送信ボタン |
| リセット | リセットボタン |
| 選択する | ドロップダウンボックス |
| オプション | ドロップダウンリスト |
| textArea | 複数行入力テキストボックス（テキストフィールド） |
| タイプ | 効果 |
|---|---|
| 色 | パレット制御 |
| 日付 | 日付管理 |
| 日付時刻 | 日付と時刻の制御 |
| 日時ローカル | 現地の日時 |
| 月 | 月の管理 |
| 週間 | 日制御 |
| Eメール | メールフォーマット |
| 数 | デジタル制御 |
| 範囲 | 数値制御バー |
| 探す | 検索ボックス |
| tel（pattern = "^ \ d {11} $"） | 電話番号入力ボックス（11桁） |
| url | URL入力ボックス |
コード例：
<body>
<form action="" method="get" enctype="multipart/form-data">
<p>单行文本框：</p>
<input type="text" placeholder="单行文本框" />
<p>密码输入框</p>
<input type="password" placeholder="内容以 * 呈现" />
<p>上传文件：</p>
<!-- 使用文件时，在form属性里面要写 enctype="multipart/form-data" -->
<input type="file" />
<p>下拉框和下拉选项：</p>
<select>
<option value ="1">重庆</option>
<option value ="2" selected >武汉</option> <!-- seclected 默认选项 -->
<option value ="3">成都</option>
<option value ="4">四川</option>
<option value ="5">北京</option>
</select>
<p>单选框：</p>
<input type="radio" value="1" name="sex" checked />男 <!-- checked 默认选项 -->
<input type="radio" value="0" name="sex" />女
<p>复选框：</p>
<!-- checked 默认选项
checkbox[] 将复选的选项放在一个数组里面
-->
<input type="checkbox" name="checkbox[]" value="0" checked />HTML
<input type="checkbox" name="checkbox[]" value="1" />Javascript
<input type="checkbox" name="checkbox[]" value="2" />PHP
<p>文本域：</p>
<input type="textarea" value="多行文本框" />
<p>按钮:</p>
<input type="button" value="按钮" />
<p>提交按钮:</p>
<input type="submit" value="提交" />
<p>重置按钮:</p>
<input type="reset" value="重置" />
<p>颜色控件：</p>
<input type="color" />
<p>日期控件：</p>
<input type="date" />
<p>时间控件：</p>
<input type="time" />
<p>选择日期和时间：</p>
<input type="datetime" />
<p>本地日期和时间：</p>
<input type="datetime-local" />
<p>显示月份：</p>
<input type="month" />
<p>显示星期：</p>
<input type="week" />
<p>显示邮箱：</p>
<!-- 当输入的不是邮箱形式的时，会有提示 -->
<input type="email" />
<p>数字控件：</p>
<input type="number" />
<p>数值控制条：</p>
<!-- step 移动一次的值
min 最小值
max 最大值
value 默认值
-->
<input type="range" step="1" min="0" max="10" value="0" />
<p>搜索框：</p>
<input type="search" />
<p>显示11位手机号码：</p>
<!-- 当输入的不是数字和超出11位，会有提示 -->
<input type="tel" pattern="^\d{11}$" />
<p>网址输入框：</p>
<!-- 当输入的不是网址时，会有提示 -->
<input type="url" name="" id="" value="" />
</form>
</body>
入力の他のいくつかの属性：
| の属性 | 説明文 |
|---|---|
| プレースホルダー | テキストボックスのプロンプト情報、値には影響しません |
| オートコンプリート | 入力コンテンツを保存するかどうか、オンは保存する（デフォルト）、オフは報告されない |
| オートフォーカス | テキストボックスのフォーカスを取得します。このプロパティがある場合は、Webページを開いてテキストボックスのフォーカスを自動的に取得します |
| 必須 | この属性のテキストボックスは必須です。それ以外の場合は送信できません |
| パターン | 定期的な検証、テキストコンテンツは送信前の検証を満たします |
