述说input type=“text”文本框的 默认宽度的相关问题

原创 阁主  2018-05-28 09:36:15  阅读 1930 次 评论 4 条
摘要:

当我们对文本框的td设置宽度设置为百分比时,就会出现一些不可思议的现象以至于我们搞不懂的地方。

类选择设置td的width 为百分比时,通常如要要定义父元素的宽度,在我的实战中父元素只能是table,给定table时。

目前就可以说明当td的行宽设置了以后,比如只有多个单元格td时,他们的总宽度应为100%。目前暂做设想。

深究探索

关于input type=“text”文本框的默认宽度。因为td单元格不随百分比影响而改动宽值,那么他应该是有默认宽度的。经过长时间的“大数据”调查后发现其默认占用20个字符。

那么字符的宽度是不是固定的。如果是不固定的,那么根据td的宽度和定义的可容纳的字符数,会影响字符的宽度的。应该是先默认值,后百分比,当百分比短于默认宽度20时,还是默认值。所以默认值优先级高。

text大小问题.jpg

测试style="width:160px差不多长度等于size="20" 等于默认值

text测试代码.jpg

text测试结果.jpg

定义和用法

size 属性规定输入字段的宽度。

对于 <input type="text"> 和 <input type="password">,size 属性定义的是可见的字符数。而对于其他类型,size 属性定义的是以像素为单位的输入字段宽度。

由于 size 属性是一个可视化的设计属性,我们推荐您使用 CSS 来代替它。

CSS 语法:<input style="width:100px" />

CSS 实例:设置输入字段的宽度。

介绍.jpg

Text

<input type="text" /> 定义用户可输入文本的单行输入字段。

Email: <input type="text" name="email" />
Pin: <input type="text" name="pin" />


取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

本文地址:https://www.mainblog.cn/101.html
版权声明:本文为原创文章,版权归 阁主 所有,欢迎分享本文,转载请保留出处!
免责申明:有些内容源于网络,没能联系到作者。如侵犯到你的权益请告知,我们会尽快删除相关内容。

发表评论


表情

评论列表

  1. 夏日博客
    夏日博客  浏览器图标  系统图标 【评论达人 LV.6】  @回复

    只知道是个文本输入框。

  2. c大
    c大  浏览器图标  系统图标 【评论达人 LV.6】  @回复

    好文!赞。 face_36

  3. 访客
    访客  浏览器图标  系统图标 【评论达人 LV.6】  @回复

    解决了我的大问题!

  4. 访客
    访客  浏览器图标  系统图标 【评论达人 LV.6】  @回复

    感谢博主,受益!