【HTML 教程系列第 22 篇】 HTML 中的 input 标签，看这一篇就够了

一：什么是 input 标签 ？

input，翻译过来就是 “输入” 的意思，在 HTML 中，大多数表单都是使用 input 标签来实现的。

语法

<input type="表单类型" /> 

说明

input 是自闭合标签，可以看到它是没有结束符号的。

二：input 标签中 type 属性取值有哪些 ？

这里我以表格形式，列举出 input 标签中 type 属性的取值和在浏览器中的运行效果，如下表格所示

属性值	解释说明	浏览器效果
text	单行文本框
password	密码文本框
radio	单选框
checkbox	多选框
button、submit、reset	按钮
file	文件上传

接下来我们来对这 6 个属性值逐个解释说明。

---

1：text 单行文本框

单行文本框使用 input 标签来实现，type 属性的取值是 text ，比如常用于登陆注册功能。

语法

 <input type="text" /> 

举例说明

代码如下所示

 <form>
		姓名：<input type="text" />
	</form> 

浏览器运行效果如下所示

如下表格所示

属性	解释说明
value	设置默认情况下文本框显示的文字(默认值)
size	设置文本框的长度
maxlength	设置文本框中最多可以输入的字符数

① value 属性

默认情况下，单行文本框的输入区域是空白的，如果想给该区域设置默认的显示文字，就要用到 value 属性，如下代码所示

 <form>
		姓名：<input type="text" value="这里输入您的名字" />
	</form> 

浏览器运行效果如下所示