css属性label范围怎么变大

html-css010

css属性label范围怎么变大,第1张

1、增加inline-block属性值,将label标签变为行内块元素(css2.1新增)。

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可以自动换行,且可显示的文本区域也更大。一般用于留言板或者发帖/发微博等

效果预览