简单的表单标签 - Html

在web开发中，表单是一个非常常见的元素，它是用户和服务器之间的交互方式。在Html中，表单通过form元素来定义，而表单中的各种输入控件则使用input元素来定义。

form元素

form元素是用来定义表单的，通过它可以指定表单的一些属性，比如表单提交的地址、提交方式、编码方式等等。

一个简单的表单定义如下：

<form action="submit.php" method="post">
  ...
</form>

这里的action属性指定了表单提交的地址，而method属性指定了提交方式，这里是使用POST方式提交。

input元素

input元素是用来定义表单中的输入控件的，它有多种类型可以选择，不同的类型对应不同的输入内容。

文本框

文本框是最常用的一种输入控件，它的type属性为"text"。

<label>用户名：</label><input type="text" name="username" />

在这里，name属性指定了输入的内容的参数名，服务器端用来获取该值。

密码框

密码框和文本框很相似，它的type属性为"password"。

<label>密码：</label><input type="password" name="password" />

单选框

单选框是一组互斥的控件，用户只能选择其中一个，它的type属性为"radio"。

<label>性别：</label>
<input type="radio" name="gender" value="male" />男
<input type="radio" name="gender" value="female" />女

这里的name属性指定了该单选框组的名字，value属性指定了该单选框被选中时对应的值。

复选框

复选框也是一组控件，不同的是用户可以选择多个，它的type属性为"checkbox"。

<label>爱好：</label>
<input type="checkbox" name="hobby[]" value="篮球" />篮球
<input type="checkbox" name="hobby[]" value="足球" />足球
<input type="checkbox" name="hobby[]" value="羽毛球" />羽毛球

这里的name属性也是指定该组复选框的名字，value属性指定了该复选框被选中时对应的值。

下拉框

下拉框让用户从一个选项列表中选择一个，它的type属性为"select"。

<label>城市：</label>
<select name="city">
  <option value="北京">北京</option>
  <option value="上海">上海</option>
  <option value="广州">广州</option>
  <option value="深圳">深圳</option>
</select>

这里的name属性指定了下拉框的参数名，option标签定义了选项列表，value属性指定了选项被选中时的值。

其他控件

除了上面提到的控件外，还有上传文件控件、隐藏域等其他控件。这里不再一一介绍。

以上就是Html中的简单表单标签的介绍，通过这些标签我们可以完成更加复杂的表单交互功能。