首页前端开发HTML总结Html5表单(二) input type 各种输入, 各种用户选择,上传

总结Html5表单(二) input type 各种输入, 各种用户选择,上传

时间2024-01-22 21:46:30发布访客分类HTML浏览279
导读:收集整理的这篇文章主要介绍了总结Html5表单(二 input type 各种输入, 各种用户选择,上传,觉得挺不错的,现在分享给大家,也给大家做个参考。<input> 无限制输入@H_360_0@ tyP...
收集整理的这篇文章主要介绍了总结Html5表单(二) input type 各种输入, 各种用户选择,上传,觉得挺不错的,现在分享给大家,也给大家做个参考。input> 无限制输入@H_360_0@

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 显示非明文

@H_536_126@

placeholder 占位符,默认为空, 也可以输入提示语提示输入什么, 但真正输入的时候回消失.

number 限制输入数字

range 限制输入定义域数字

color date IE都不支持, 其实很好的, 就是让用户输入多元化, 能选颜色,日期.

checkbox 多选题,打钩

提交返回一个?music = 1 & sport =2 和后续的程序接轨从而调用这些id 的文本或者音乐

radio 单选题

image 按钮为图片的按钮……

email tel url 这些是要求用户输入正确的类别,但浏览器支持不是很好. 可能要用正则表达式规范

hidden 隐藏输入框, 要配合name 和value 编写, 提交后返回 name = value

file 上传控件

以上就是总结HtML5表单(二) input type 各种输入, 各种用户选择,上传的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

h5inputtype表单

若转载请注明出处: 总结Html5表单(二) input type 各种输入, 各种用户选择,上传
本文地址: https://pptw.com/jishu/583412.html
html5转义实体字符的使用详解 HTML5QQ登录的一篇代码分享

游客 回复需填写必要信息