您的位置:首页 > Web前端 > CSS

css截取超出的文本+label标签的‘for’属性

2017-03-01 10:59 549 查看
一、css截取超出的文本css:    .test{width: 48px;height: 48px;color: #888889;text-align: center;font-size: 12px;line-height: 48px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; //使用‘…’代替}html:    <div class="test">sdjfsdhfjsdhfjdshfjdhfsjfh</div>注:使用css截取超出的文本必须设置文本标签的width属性二、label标签的‘for’属性    <form>
<label [code]for="male"
>Male</label>[/code]
<input type="radio" name="sex" id="male" />
<br />
<label [code]for="female"
>Female</label>[/code]
<input type="radio" name="sex" id="female" />
</form>
注:1、for 属性规定 label 与哪个表单元素绑定。

2、隐式和显式的联系:(1)将表单控件作为标记标签的内容,这样的就是隐式形式;(2)为 <label> 标签下的 for 属性命名一个目标表单 id,这样就是显式形式。

如:
显式的联系:[code]<label for="SSN">
Social Security Number:
</label>
<input type="text" name="SocSecNum"
id="SSn"
/>隐式的联系:
<label>
Date of Birth: <input type="text" name="DofB" />
</label>

语法

<label for="element_id">描述文本</label>

属性值

描述
element_idlabel要绑定的元素的 id。

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css html label input radio