Html5 填表 表单(二) input type 各种输入, 各种用户选择,上传等等泛输入用户交互
2017-06-16 17:16
316 查看
<input> 无限制输入
type 限制输入 type = 如下类型
type 后还可以跟一些属性: 如<input type=text maxlength = 10> 限制文本的长度为10字节
list 可以用的时候再来查, list就是当一个建议值不够的时候添加到几个.
<form>
<input
type="text" name="usr" list="listfruit">
<datalist
id="listfruit">
<option>雪梨</option>
<option>香蕉</option>
<option>蜜瓜</option>
</datalist>
</form>
要记好几个东西 , 创建一个datalist,里面有多个option, datalist的id 指向input的list, 一对多通常是多的那边其id
password 显示非明文
placeholder 占位符,默认为空, 也可以输入提示语提示输入什么, 但真正输入的时候回消失.
number 限制输入数字
range 限制输入定义域数字
color date IE都不支持, 其实很好的, 就是让用户输入多元化, 能选颜色,日期.
checkbox 多选题,打钩
提交返回一个?music = 1 & sport =2 和后续的程序接轨从而调用这些id 的文本或者音乐
radio 单选题
image 按钮为图片的按钮……
email tel url 这些是要求用户输入正确的类别,但浏览器支持不是很好. 可能要用正则表达式规范
hidden 隐藏输入框, 要配合name 和value 编写, 提交后返回 name = value
file 上传控件
type 限制输入 type = 如下类型
type 后还可以跟一些属性: 如<input type=text maxlength = 10> 限制文本的长度为10字节
list 可以用的时候再来查, list就是当一个建议值不够的时候添加到几个.
<form>
<input
type="text" name="usr" list="listfruit">
<datalist
id="listfruit">
<option>雪梨</option>
<option>香蕉</option>
<option>蜜瓜</option>
</datalist>
</form>
要记好几个东西 , 创建一个datalist,里面有多个option, datalist的id 指向input的list, 一对多通常是多的那边其id
password 显示非明文
placeholder 占位符,默认为空, 也可以输入提示语提示输入什么, 但真正输入的时候回消失.
number 限制输入数字
range 限制输入定义域数字
color date IE都不支持, 其实很好的, 就是让用户输入多元化, 能选颜色,日期.
checkbox 多选题,打钩
提交返回一个?music = 1 & sport =2 和后续的程序接轨从而调用这些id 的文本或者音乐
radio 单选题
image 按钮为图片的按钮……
email tel url 这些是要求用户输入正确的类别,但浏览器支持不是很好. 可能要用正则表达式规范
hidden 隐藏输入框, 要配合name 和value 编写, 提交后返回 name = value
file 上传控件
相关文章推荐
- javascript验证html5自带input type="date"用户输入日期过期的方法
- html5 input各种type
- ie6bug----------------------ie6 下不解析 css input[type="text"] 等等类别的选择
- Form表单中input的各种Type类型
- 美化input type="file" 文件上传表单
- input type=file 禁止让用户手动输入
- input type=file 标签禁止让用户手动输入
- 屏蔽 文件上传框 input type='file' 的输入功能
- HTML 18.3 表单元素input的输入属性type
- HTML5的 input:file上传 样式美化及表单异步提交
- HTML input type=file文件选择表单元素 小结
- 转【input type=file 标签禁止让用户手动输入】
- Form表单中input的各种Type类型
- html5中的input(type="file")的multiple属性,实现多文件上传,并用js控制文件大小,数量
- input type=file 标签禁止让用户手动输入
- <input type="file">禁止用户输入
- input type=file 标签禁止让用户手动输入
- 浏览选择上传文件的控件 input type=file
- input type=file 标签禁止让用户手动输入
- S2.3_Struts2_ActionGetInputFormData Action动作类接收用户输入表单数据的3种实现方式