不同type下input的含义和用途
| type类型 | input用途 | value值的含义 |
|---|---|---|
| text | 单行文本框 | 文本框中默认初始内容 |
| password | 用来输入密码的单行文本框(文本框中的内容将被显示为*) | 文本框中默认初始内容 |
| button | 普通按钮 | 定义按钮文本 |
| submit | 提交按钮(提交表单时使用) | 定义按钮上的文本 |
| radio | 单选按钮 | 单击时的结果（必须有） |
| checkbox | 复选按钮 | 单击时的结果（必须有） |
| file | 上传文件元素 | 不是同时使用 |
| reset | 重置按钮 | 定义按钮上的文本 |
注意：对于radio,checkbox单选和复选来说，value必须要有，单击元素时，将该元素的value与name作为键值对传给后台服务器
使用jQuery选择器获取value值的注意事项
radio
获取元素值
示例一:$('input[type=radio]:checked').val()
作用:获取被选中的单选框的value
设置元素值
示例二:$('input[type=radio]:checked').val(['1'])
作用:设置单选框中值为1的元素处于被选中状态
checkbox
获取元素值
示例:$('input[type=checkbox]:checked').val()
作用:获取第一个被选中的复选框的value
设置元素值
示例:$('input[type=checkbox]:checked').val(['1','2'])
作用:设置复选框中值为1和值为2的元素处于被选中状态
option
获取元素的值
示例:$('option:selected').val()
$('option:selected').text()
注意:val()是获取被选中的标签的值（单击时的结果,标签的value属性）,而text()是标签上的文字属性。
设置元素的值
示例:$('select').val('bg');
注意:将下拉列表的默认选项设置值为bg的标签，注意选择器必须选择select标签，而不能选择option标签
总结：获取元素的值时，用val()属性;设置单选框，复选框，下拉式列表时，值必须用中括号[]括起来，代表初始状态被选中的标签。
text
获取元素的值
示例:$('input[type=text]').val()
作用:获取文本框中的内容
设置元素值
示例:$('input[type=text]').val(‘hello’)
作用:将文本框中的内容设置为hello