html设置input圆⾓矩形_html5中关于input使⽤⽅法的改变① url类型
url类型的input元素是⼀种专门⽤来输⼊url地址的⽂本框。提交时假设该⽂本框中的内容不是url地址格式的⽂字，则不同意提交。
⾮url提交时Firefox、Chrome 提⽰错误，Opera⾃⼰主动将url框中值转化为url格式，ie9和safari不⽀持，正常提交
② email类型
email类型的input元素是⼀种专门⽤来输⼊email的⽂本框。提交时假设该⽂本框中的内容不是email地址格式的⽂字则不同意提交，可是它并不检查email地址是否存在，提交时该⽂本框能够为空，除⾮加上了 required 属性。
email类型的⽂本框具有⼀个 multiple 属性——它同意在该⽂本框中输⼊⼀串以逗号切割的email地址。当然并不强制要求⽤户输⼊该email 地址列表。
Firefox、Chrome、Opera ⾮email提交时提⽰错误，⽀持required，ie9和safari不⽀持，正常提交
③ date类型
date类型的input元素是深受开发⼈员喜爱的⼀种元素我们也常常看到⽹页中要求我们输⼊的各种各样的⽇期，⽐如⽣⽇、购买⽇期、订票⽇期等。date类型的input元素以⽇历的形式⽅便⽤户输⼊。当该⽂本框获取焦点时，显⽰⽇历，能够在⽇历总选择⽇期进⾏输⼊。
Opera点击弹出⼀个⽇历下拉框，但不同意⼿动输⼊。Chrome、Safari表现⼀致，但Safari在提交时没有验证，在输⼊框右側有上下两个button，点击加减天，Firefox、ie9不⽀持
④ time类型
time类型的input元素是⼀种专门⽤来输⼊时间的⽂本框，⽽且在提交时会对输⼊时间的有效性进⾏检查。它的外观取决于浏览器。
Opera类似系统的时间设置框。Chrome、Safari表现⼀致，但Safari在提交时没有验证，在输⼊框右側有上下两个button，点击加减分钟，Firefox、ie9不⽀持
html怎样设置文本框输入输出⑤ datetime类型
datetime类型的input元素是⼀种专门⽤来输⼊UTC⽇期和时间的⽂本框，⽽且在提交时会对输⼊的⽇期和时间进⾏有效性检查。
Opera⽀持的最好，⾮常类似date和time的组合。Chrome、Safari表现⼀致，但Safari在提交时没有验证，在输⼊框右側有上下两个button，点击加减分钟，Firefox、ie9不⽀持
⑥ datetime-local类型
datetime-local类型的input元素是⼀种专门⽤来输⼊本地⽇期和时间的⽂本框，⽽且在提交时会对输⼊的⽇期和时间进⾏有效检查。
Opera中和datetime表现上的差别就是末尾少了个UTC。Chrome、Safari表现⼀致，但Safari在提交时没有验证，Firefox、ie9不⽀持
⑦ month类型
month类型的input元素是⼀种专门⽤来输年⽉份的⽂本框，⽽且在提交时会对输⼊的⽉份进⾏有效检查。
Opera中和date类似，仅仅是仅仅能选择到⽉份。Chrome、Safari表现⼀致，但Safari在提交时没有验证，Firefox、ie9不⽀持
⑧ week类型
week类型的input元素是⼀种专门⽤来输周号的⽂本框，⽽且在提交时会对输⼊的周号进⾏有效检查。
Opera提供下拉选择，不同意⼿动输⼊。Chrome、Safari表现⼀致，但Safari在提交时没有验证，Firefox、ie9不⽀持
⑨ number类型
number类型的input元素是⼀种专门⽤来输数字的⽂本框，⽽且在提交时会对输⼊的内容是否为数字。它们具有 min、max 与 step 属性。 带有数值控制button，以控制其数值，使之不超过最⼤值于最⼩值，同⼀时候在点击该数值控制button时，当中的数值会按step属性进⾏增减，当然也能够直接在当中输⼊数字。
Opera、Chrome、Safari表现⼀致，但Safari在提交时没有验证，Firefox、ie9不⽀持
⑩ range类型
range类型的input元素是⼀种仅仅同意输⼊⼀段范围内数值的⽂本框，它具有min属性与max属性，能够设定最⼩值与最⼤值(默觉得0与100)，它还具有step属性，能够制定每次拖动的维度，⽤滑动条的⽅式进⾏值的制定。
Opera中滑条带刻度、Chrome、Safari不带，Firefox、ie9不⽀持
⑾ search类型
search类型的input元素是⼀种专门⽤来输⼊搜索关键词的⽂本框的⽂本框。search类型与text类型只在外观上有却别。在Safari浏览器中，它的外观为操作系统默认的圆⾓矩形⽂本框，但这个外观能够⽤css央视表进⾏改写。在其它浏览器中，TA的外观暂与text类型的⽂本框外观同样，但能够⽤css样式表进⾏改写。(-webkit-appearance:textfield)
Safari和Chrome在输⼊框有内容时会默认在输⼊框右边出现⼀个×
⑿ tel类型
tel类型的input元素被设计为⽤来输⼊电话号码的专⽤⽂本框。它没有特殊的校验规则，不强制输⼊数字(由于很多电话号码通常带有其它⽂字)，譬如86-010-********.可是开发⼈员能够通过 pattern属性来制定对于输⼊的电话号码格式的验证。
Safari和ie不⽀持
⒀ tel类型
color类型的input元素⽤来选取颜⾊，它提供了⼀个颜⾊选取器。眼下它仅仅在Opear浏览器与BlackBerry浏览器中被⽀持。
Safari和ie不⽀持

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。