HTML 表单学习笔记

HTML 表单是一种用于收集用户输入的方式。通过表单，用户可以输入文本、选择选项、上传文件等操作。

表单标签

HTML 中用于创建表单的标签有以下几个：

• <form>：表示一个表单，是其他所有表单控件的容器。
• <input>：表示一个文本输入框、单选框、复选框等控件。
• <select>：表示一个下拉列表框。
• <option>：表示 <select> 中的一个选项。
• <textarea>：表示一个多行文本框。
• <button>：表示一个按钮。

表单属性

HTML 中用于设置表单属性的有以下几个：

• action：定义表单提交时的 URL。
• method：定义表单提交时的 HTTP 方法（通常为 GET 或 POST）。
• name：定义表单的名称，用于区分不同的表单。
• enctype：定义表单提交时的编码类型，通常使用 application/x-www-form-urlencoded 或 multipart/form-data。
• target：定义表单提交后打开的窗口位置（通常为 _self 或 _blank）。

实例演示

下面是一个简单的表单示例，包含一个文本框和一个提交按钮：

Copy Code
<form action="/submit" method="post">
  <label for="username">用户名：</label>
  <input type="text" id="username" name="username"><br><br>
  <input type="submit" value="提交">
</form>

该示例中，action 属性指定表单提交的 URL 为 /submit，method 属性指定提交方式为 POST。label 标签与 for 属性用于让文本标签与控件关联，id 属性用于定义控件的唯一标识，name 属性用于提交表单数据时识别该值。type 属性指定控件类型为文本框和提交按钮。

除此之外，还可以通过 <select> 标签和 <option> 标签实现下拉列表框，通过 <textarea> 标签实现多行文本框，通过 <input type="radio"> 和 <input type="checkbox"> 实现单选框和复选框等控件。

希望这个笔记可以帮助你更好地学习 HTML 表单！