HTML 输入标签

HTML（Hypertext Markup Language）是用于创建网页的标准语言。标签(Tag)是元素的基础，可以用它来定义文档的结构和内容。本文将介绍 HTML 中常用的输入标签。

<input>

<input> 标签用于创建输入字段，它有很多属性可以用来指定输入类型，例如文字、日期、邮件地址等。

常用属性

• type: 输入字段的类型。
• name: 输入字段的名称，用于在提交表单时识别输入字段。
• value: 输入字段的默认值。

示例代码

<label for="username">用户名：</label>
<input type="text" name="username" id="username"><br>
<label for="password">密码：</label>
<input type="password" name="password" id="password"><br>
<label for="email">邮箱：</label>
<input type="email" name="email" id="email"><br>
<label for="birth">生日：</label>
<input type="date" name="birth" id="birth"><br>

<textarea>

<textarea> 标签用于创建可以输入多行文本的输入框。

常用属性

• name: 输入框的名称，用于在提交表单时识别输入框。
• rows: 输入框的行数。
• cols: 输入框的列数。

示例代码

<label for="feedback">反馈意见：</label><br>
<textarea name="feedback" id="feedback" rows="10" cols="30"></textarea><br>

<select>

<select> 标签用于创建下拉列表。

常用属性和子标签

• name: 下拉列表的名称，用于在提交表单时识别下拉列表。
• <option>: 下拉列表中的选项，可以使用 value 属性指定选项对应的值。

示例代码

<label for="gender">性别：</label>
<select name="gender" id="gender">
  <option value="male">男</option>
  <option value="female">女</option>
  <option value="unknown" selected>不想透露</option>
</select><br>

<label>

<label> 标签用于创建表单元素的标签，可以单独使用或与其它输入标签结合使用。

常用属性

• for: 与之关联的输入元素的 id 值。

示例代码

<label for="remember">
  <input type="checkbox" name="remember" id="remember">记住我
</label><br>

以上就是 HTML 中常用的输入标签的介绍，使用它们可以轻松地创建功能丰富的表单。