前言
input是输入的意思，而在表单元素中<input>标签用于手机用户信息。在<input>标签中包含一个type属性，根据不同type属性，输入字段可以有很多种形式（可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等）。
<input type="属性值" />1.type属性值及描述
| 属性值 | 描述 |
|---|---|
| button | 定义可点击按钮（多数情况下，用于通过js启动脚本） |
| checkbox | 定义复选框。 |
| file | 定义输入字段和“浏览”按钮，供文件上传。 |
| hidden | 定义隐藏的输入字段。 |
| image | 定义图像形式的提交按钮 |
| password | 定义密码字段，该字段中的字符被掩码。 |
| radio | 定义单选按钮。 |
| reset | 定义重置按钮，重置按钮会清除表单中的所有数据 |
| submit | 定义提交按钮，提交按钮会把表单数据发送到服务器 |
| text | 定义当好的输入字段，用户可在其中输入文本，默认宽度为20个字符 |
2.其他属性
| 属性 | 属性值 | 描述 |
|---|---|---|
| name | 由用户自定义 | 定义input元素的名称 |
| value | 由用户自定义 | 规定input元素的值 |
| checked | checkde | 规定此input元素首次加载时应当被选中 |
| maxlength | 正整数 | 规定输入字段中字符的最大长度 |
| placeholder | 自定义 | 占位符，在文本框中提示用户输入内容 |
<form>
<!-- text文本框，用户可以在里面输入任何文字 -->
用户名：<input type="text" name="username" value="请输入用户名"/><br>
<!-- password，密码框 -->
密码：<input type="password" name="pwd" /><br>
<!-- radio 单选按钮 可以实现多选一 -->
<!-- name 是表单元素名字，这里性别单选按钮必须有相同的名字才可以实现多选一 -->
性别：男<input type="radio" name="sex" checked="checked" /> 女<input type="radio" name="sex"/><br>
<!-- checkbox 复选框 可以实现多选 -->
爱好：吃饭<input type="checkbox" name="hobby" value="吃饭" checker="checked"/>睡觉<input type="checkbox" name="hobby" />玩<input type="checkbox"name="hobby" /><br>
</form>当我们的单选按钮不给与name值的时候，可能会重复选，如何实现男女性别只能选一个呢？这个时候我们就用到name属性值了，把男女的name属性值都设置一样的，就可以实现只能选一个了
value属性可以在文本框中加上文字或其他信息name和value是每个表单元素都有的属性值，主要给后台人员使用。name是表单元素的名字，要求单选框和复选框都要有相同的name值checked属性可以让input标签默认被选中，例如复选框默认选中
效果图
3.submit提交表单
<!--submit提交表单到服务器--> <!--重置表单中数据-->
<input type="submit" value="提交"/> <input type="reset" value="清空"/><br>submit提交表单到服务器reset重置表单中数据（除了标签中原有的value值，会重置复选框，单选框，text等数据）
4.button普通按钮和file文件域
<!--普通按钮 定义可点击按钮（多数情况下，用于通过js启动脚本）-->
<input type="button" value="按钮" />
<!--文件域，选择文件上传服务器用-->
<input type="file" value="上传文件" />- 普通按钮 定义可点击按钮（多数情况下，用于通过js启动脚本）
- 文件域，选择文件上传服务器用
