初学者指南：HTML 中的 input 标签

什么是 input 标签？

input 标签是 HTML 中的一个基本元素，用于创建表单控件。它可以创建各种类型的控件，包括文本框、单选框、复选框、按钮和提交按钮。input 标签的语法如下：

<input type="type" name="name" value="value">

• type 属性指定输入控件的类型。
• name 属性指定输入控件的名称。
• value 属性指定输入控件的值。

input 标签的类型

input 标签有各种各样的类型，包括：

• text ：单行文本框。
• password ：密码框。
• radio ：单选框。
• checkbox ：复选框。
• button ：普通按钮。
• submit ：提交按钮。
• reset ：重置按钮。
• file ：文件上传控件。
• image ：图像提交按钮。

如何使用 input 标签创建表单

要使用 input 标签创建表单，您需要按照以下步骤操作：

1. 创建一个 HTML 文档。
2. 在 HTML 文档中添加一个
   标签。
3. 在 标签中添加 input 标签。
4. 设置 input 标签的 type、name 和 value 属性。
5. 在 标签中添加一个提交按钮。

例如，以下代码创建了一个简单的表单，其中包含一个文本框、一个单选框和一个复选框：

<form>
  <label for="name">姓名：</label>
  <input type="text" name="name">
  <br>
  <label for="gender">性别：</label>
  <input type="radio" name="gender" value="male"> 男
  <input type="radio" name="gender" value="female"> 女
  <br>
  <label for="agree">同意条款：</label>
  <input type="checkbox" name="agree">
  <br>
  <input type="submit" value="提交">
</form>

当用户提交表单时，浏览器会将表单数据发送到服务器。服务器可以处理这些数据并做出相应的响应。

input 标签的属性

input 标签有各种各样的属性，包括：

• type ：指定输入控件的类型。
• name ：指定输入控件的名称。
• value ：指定输入控件的值。
• size ：指定输入控件的大小。
• maxlength ：指定输入控件的最大长度。
• placeholder ：指定输入控件的占位符。
• required ：指定输入控件是否为必填项。
• disabled ：指定输入控件是否禁用。
• readonly ：指定输入控件是否只读。
• autofocus ：指定输入控件是否自动获取焦点。

input 标签的事件

input 标签支持各种各样的事件，包括：

• onchange ：当输入控件的值发生改变时触发。
• onfocus ：当输入控件获得焦点时触发。
• onblur ：当输入控件失去焦点时触发。
• oninput ：当用户在输入控件中输入内容时触发。
• onkeydown ：当用户在输入控件中按下按键时触发。
• onkeypress ：当用户在输入控件中按下并释放按键时触发。
• onkeyup ：当用户在输入控件中松开按键时触发。

结论

input 标签是 HTML 中一个基本元素，用于创建表单控件。它有各种各样的类型，包括文本框、单选框、复选框、按钮和提交按钮。input 标签可以用来收集用户输入的数据，并将其发送到服务器。