简介
在网页开发中，<input>标签是一个非常重要的元素，它允许用户在表单中输入数据。这个教程将深入探讨HTML的<input>标签的各种属性和用法。
基础知识
在HTML中，<input>标签通常被用于创建交互式表单控件，如文本字段、复选框、单选按钮等。它是一个空标签，意味着它不需要闭合标签。
基本的<input>标签语法如下：
<input type="..." name="..." value="...">
其中：
-
type属性定义了输入字段的类型； -
name属性为控件命名，用于在提交表单时引用该控件的值； -
value属性设置控件的初始值。
文本字段
最常见的输入类型是文本字段，用于允许用户输入单行文本。例如：
<input type="text" name="username" value="请输入用户名">
在这个例子中，type="text"创建了一个文本字段。当用户提交表单时，可以通过name="username"引用输入的值。
密码字段
密码字段用于让用户输入敏感数据，如登录密码。为了保护用户隐私，文本被替换成星号或小黑点。例如：
<input type="password" name="pwd">
这将创建一个密码字段，输入的值不会在页面上显示出来。
单选按钮和复选框
单选按钮允许用户从一组选项中选择一个答案，而复选框则允许用户选择多个答案。它们通常成对使用：
<input type="radio" name="gender" value="male">男性
<input type="radio" name="gender" value="female">女性
<input type="checkbox" name="hobby" value="reading">读书
<input type="checkbox" name="hobby" value="sports">运动
在这个例子中，单选按钮用于选择性别，而复选框用于选择爱好。因为它们都使用了相同的名称，所以只能从每组中选择一个单选按钮，但可以选择多个复选框。
提交按钮
在表单中，<input>标签也被用于创建提交按钮：
<input type="submit" value="提交">
当用户点击这个按钮时，表单数据将被发送到服务器进行处理。
结语
本教程仅介绍了HTML <input>标签的基础知识。还有很多其他类型的输入控件和属性可以使用，如数字输入、日期选择器等。不断学习和实践是成为一名优秀的Web开发人员的关键。