HTML中input标签常用的type属性，实例在线编辑
上一个章节中介绍了HTML表单form标签在HTML开发当中的重要应用，这一节将重点介绍表单中的元素input，该元素是表单中重要的组件，通常用来接收用户的输入。其中，input的type属性有诸多不同的值，对应着不同的重要的表单组件，比如输入框、单选框、提交按钮等等，下面将逐一对此进行介绍，并提供相应的可在线编辑运行的实例。
HTML的input标签
HTML的<input>标签没有闭合标签，可以根据不同的type属性变换成不同功能的表单组件。
input文本输入框
当input的type属性为text时，input将定义文本输入框：
<form>
<span>name：</span><input type='text'>
</form>input密码输入框
当type属性值为"password"时，input标签将定义一个可用于隐藏密码为点的输入框：
<form>
<span>password：</span><input type='radio'>
</form>input单选按钮
将type的值设置为radio时，input将定义单选按钮：
<form>
<input type='radio' name='xingbie' value='man'><span>男</span><br><br>
<input type='radio' name='xingbie' value='woman'><span>女</span>
</form>代码解析
如上代码，HTML表单中的单选按钮radio一般会跟input的name属性和value属性一起使用，以便通过JS来获取radio中被选中的值。这个将在后面的综合实例的章节再进一步介绍。
input复选框
当input中的type值为checkbox时，将定义复选框元素：
<form>
<input type='checkbox'><span> 记住密码否</span>
</form>input提交按钮
将input的style属性定义为submit，input将定义成提交按钮，一般用于提交表单中用户输入的数据：
<form>
<input type='submit' value='提交数据'>
</form>实例代码解析
如上代码，通过上方实例的运行可以发现，input因为没有闭合标签，无法像button标签那样在开始标签和闭合标签之间输入按钮的“名称”，而是用value的值来定义提交按钮的“名称”
input标签常用的type属性表
input标签的type属性值可能不止下面的表格中呈现的这些，日后要是有想起了或遇到了，再进行补充：
| type属性 | 描述 |
|---|---|
| text | 文本输入框 |
| password | 密码输入框 |
| radio | 单选按钮 |
| checkbox | 复选框 |
| submit | 提交按钮 |