首先我们先来看看在html中label标签设置高度的方法：

 

　　html中标签<label></label>为表单元素定义文字标注，<label>属于内联元素，元素前后没有换行符，并且不可以设置高度。

 

　　若想要设置高度，需要设置<label>的display属性，默认属性是inline，此时元素会被显示为内联元素，元素没有换行符，只需要在inline后面加上block，即display:inline-block。此时<label>改为块元素，现在就可以修改<label>高度了。

 

　　这个图中给出的条件需要设置<label>的宽度为80px，此时<label>属于内联元素，不能直接修改高度，此时只需在代码中更改display属性就OK了：

 

　　<labelclass='p1'style='dispaly:inline-block'>姓名</label>

 

　　然后在head中设置

 

　　<style>

 

　　.p1{

 

　　width:80px;

 

　　}

 

　　</style>

 

　　如此就把宽度给调整好了。

 

　　现在我们再来说说htmllabel标签的使用方法：

 

　　label标签是html代码的表单中用来作为“标签”使用的一个标签，不要被这句话弄晕，此“标签”非彼标签，它的作用是起到表单前加字，对该表单进行描述作用的。

 

　　在<form></form>标签之中，你会发现，没有任何标签之间如果写了文字，会使该表单的显示出错，这时，便引入了这个label标签，使用方法如下：

 

　　<formid="dreamduform"action="http://www.php.cn/dreamdu.php"method="post">

 

　　<labelfor="contactus">PHP中文网</label>

 

　　<textareacols="50"rows="10"id="contactus">

 

　　这里是PHP中文网

 

　　</textarea>

 

　　</form>

 

　　以上这个实例中，for属性的作用是与此label描述的表单的id，好像在js中可以对这个属性进行取值并得到表单id。我是这么理解的，不过没有实际测试过。

 

　





本文转载自中文网