＜input＞标签（单标签）

在制作线上调研网页时候，常常需要输入框以及选择框，这些表单控件都离不开<input>标签的使用，以下介绍<input>标签的主要功能。

一、type属性

语法格式：<input type="相应属性">

1.text属性

单行文本框，可以输入文字、数字等信息，图例如下：

2.password属性

密码文本框，输入的信息会被“*”掩盖，如图例：

3.button属性

普通按钮，鼠标可单价该按钮，图例如下：

4.submit属性

提交按钮，可把表单数据发送到服务器，图例如下：

5.reset属性

重置按钮，用于重置表单填写的数据，图例如下：

6.radio属性

单选框，需要和name属性一起使用，单选框会 在多个同样name属性中只可选其一，如性别，如图例：

若是不引入name属性，就会导致可以多选的情况，起不到radio属性的作用，错法如图例：

7.checkbox属性

复选框，可以多选，多个相同的name属性的复选框控件可分为一组，如图例：

8.file属性

文件域，用于上传文件，若不引入multiple属性，则只能上传一个文件，如图例：

二、其他常用属性

1.name属性

规定<input>元素名称，提交给服务器。name属性常与value属性配合使用，后台服务器可通过name值找到对应的value值，name值也可将内容划分，如上演示单选框与多选框用例。

2.value属性

规定<input>元素的值，提交给服务器。

3.placeholder属性

输入框提示文本，用于提示用户输入的内容，图例如下：

文本框中的提示语就是靠placeholder属性实现，若没有这个属性添加，则只有文本框。

4.readonly属性

元素内容不可修改，即无法输入，如图例所示：

5.checked属性

默认选择项，定义选择元素默认选中的项，适用于单选框和多选框，未加入checked属性：

加入checked属性后：

该属性用于帮助用户预选一些选项，降低用户点击按钮的频率。

6.required属性

必填项，具有该属性的<input>标签，在提交时候若没填写该内容，会提示此元素为必填项。

7.size属性

宽度，用于设置输入框宽度，尺寸直接填写数字即可，如图例：

8.maxlength属性

最大长度，用于设置输入框最大长度，即输入内容最大长度，如图例：