2、增加width属性,如将宽度设置为100px。
3、添加好后页面上所有的label标签会变为100px。
label默认为内联元素,元素前后没有换行符,并且不可以设置宽度。
如果要为label设置宽度,则需要改变label的display属性,使其变为一个块级元素。
方法如下:
1.增加inline-block属性值,将label标签变为行内块元素(css2.1新增)
label{display:inline-block}2.增加width属性,如将宽度设置为100px
label{width:100pxdisplay:inline-block}3.添加好后页面上所有的label标签会变为100px
label标签为input元素定义标注(标签)。
作用:用于绑定一个表单元素,当点击lable标签的时候,被绑定的表单元素就会获得输入焦点。
绑定方式一: 用label直接包裹input
<label>用户名:<input type="text" /></label>
绑定方式二:当有多个同属性标签的时候,想定位到某个指定的标签,可以通过for id的方式来实现
<label for="sex">
<input type="text" />
<input type="text" id="sex" />
</label>
文本域
<textarea>请输入留言</textarea>
与input标签的区别是textarea可以自动换行,且可显示的文本区域也更大。一般用于留言板或者发帖/发微博等
效果预览