css控制表单长度

html-css013

css控制表单长度,第1张

使用 size

<input type="text" name="name" value="" size="20" />

<input type="password" name="password" value="" size="20" />

或者,使用 CSS

input[type=text], input[type=password] {

width: 100px

}

如果两者都使用,CSS设置的宽度将优先于size设置的宽度

.search{}前面有一个“.”

然后input里面设置class="search"

或者

input[type=search]{}

这当然要根据你的目的而定:

百分比可以让div的长宽根据浏览器窗体的尺寸变化而自动变化,始终与窗体(或父元素)的尺寸保持一定的比例;

px则是让div的长宽保持固定的值(像素),不管窗体或父元素如何变化尺寸,都保持固定的大小;

em和rem则是根据字体的大小来设定div的长宽,1em等于当前元素的字体的宽度(具体来说是英文大写字母M的宽度),1rem则等于网页根元素的字体宽度。也就是说如果改变了当前元素(em)或根元素(rem)的字体大小,div的尺寸也会跟着改变。