input标签如果没有设置宽度的话，有默认宽度
//测试style="width:160px差不多长度等于size="20" 等于默认值
<input type="text" size="20" /> = <input type="text" />
转载自：https://www.cnblogs.com/xuedexin/articles/5628717.html
关于input type=“text”文本框的 默认宽度
当文本框的td设置宽度设置为百分比时，出现了一些没有搞懂的地方。
类选择设置td的width 为百分比时，通常 要定义父元素的宽度，在我的实战中父元素只能是table，给定table时。
而且这就是说一行的行宽度设置了。当一行只有两个单元格td时，他们加起来应该是100%。（这个是我的猜想）当超出100%时会不起作用。？
而关于input type=“text”文本框的 默认宽度。因为不随td的百分比动，我猜想他应该是有默认宽度的。查了半天，果然有，20个字符。
那么字符的宽度是不是固定的呢。我猜想会不会是不固定的，根据td的宽度和定义的可容纳的字符数，来影响字符的宽度的。
应该是先默认值，后百分比，当百分比短于默认宽度20时，还是默认值。默认值优先级高。
、//测试style="width:160px差不多长度等于size="20" 等于默认值
定义和用法
size 属性规定输入字段的宽度。
对于 <input type="text"> 和 <input type="password">，size 属性定义的是可见的字符数。而对于其他类型，size 属性定义的是以像素为单位的输入字段宽度。
<input style="width:100px" />这种方式也可以
兼容性提示
由于 size 属性是一个可视化的设计属性，我们推荐您使用 CSS 来代替它。
CSS 语法：<input style="width:100px" />
修改输入框placeholder默认字体的颜色
::-webkit-input-placeholder {
/* WebKit browsers */
font-size: 12px;
color: #cccccc;
}
:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
font-size: 12px;
color: #cccccc;
}
::-moz-placeholder {
/* Mozilla Firefox 19+ */
font-size: 12px;
color: #cccccc;
}
:-ms-input-placeholder {
/* Internet Explorer 10+ */
font-size: 12px;
color: #cccccc;
}
