之前写案例发现input框中的search和text区别还是蛮大的，在flex布局中search设置padding值是撑不开盒子的，但是text却可以。然后就找了一下原因:
在html5中为input新增加了属性type=search，也就是说search这个属性属于c3的盒子模型，默认box-sizing:border-box，此时再设置padding和border便不会再撑开盒子了。而移动端大量使用c3盒子模型，要想使传统盒子模型转化为c3盒子模型，应该设置box-sizing:border-box;还需注意加上浏览器私有前缀，-webkit-box-sizing:border-box;
https://segmentfault.com/a/1190000007765742
3.1.1 新增input元素 search:搜索框 tel：text文本框（用于电话） url：链接框 emai...
input和textarea区别： input是当行文本框，其type值必须是text,初始值是用value或者p...
输入框input 单行输入框，常见的文本输入框，也就是input的type属性值为text。在Bootstrap中...
placeholder属性适用于下面的表单input类型：text、search、url、tel、email 和 ...
input标签type属性值 文本框text属性 input输入框中要是想显示默认文本的话一般用placehold...
2018.07.171.表单 2.input和button区别 3.搜索框 input和button区别 4.ma...
表单相关 :input 可以选择 , , 和 :text 匹配所有的单行文本框，和input[type = 'te...
表单中readonly和disabled属性的区别 设置了readonly的input[text]在提交表单的时候...
表单input标签: type值: text:文本框; password:密码框; radio:...
项目中常用的输入框有两种search 搜索框input 输入框 1.search搜索框支持输入文本/支持模拟搜...
本文标题：input框中，search和text的区别
本文链接：https://www.haomeiwen.com/subject/xnjspctx.html
网友评论