label的重要作用

label用于联系表单控件和其对应文字内容。

例如:

 <input type="text" placeholder="邮箱/手机号" id="box"><label for="box">您的账号是错误的</label>
 <input type="password" placeholder="密码" id="box1"><label for="box1">您的密码是错误的</label>
点击文本/密码框外的字体时,鼠标的聚焦点自动在文本/密码框中聚焦。
<input type="checkbox" name="ball" id="篮球" disabled="disabled"><label for="篮球">篮球</label>
<input type="checkbox" name="ball" id="足球" checked="checked"><label for="足球">足球</label>
<input type="checkbox" name="ball" id="羽毛球" disabled><label for="羽毛球">羽毛球</label>
可以实现点击篮球、足球、羽毛球时,对应的选项被选中。
 
拉菜单select中value的作用
 
在每个option中添加value属性,value的值是直接发送给服务器的,在前端页面是不显示的。
<select name="city" id="">
            <option value="北京">北京</option>
            <option value="上海">上海</option>
            <option value="天津">天津</option>
</selec>
点击发送后,服务器接收到的是value中的内容

单选radio中必须写name的作用

如果有多组radio,name可以用来区分radio的类别

 <input type="radio" name="sex" id="男" disabled="disabled"><label for="男">男</label>
 <input type="radio" name="ball" id="ball" checked="checked"><label for="ball">足球</label>
这里的单选是两组,sex和ball。
 
fieldset(表单字段集)和legend((字段集标题)经常是共用的
fieldset自带边框的
<fieldset>
            <legend>表单字段级和字段及标题要共用</legend>
</fieldset>
posted on 2020-06-09 13:55  94Lucky  阅读(81)  评论(0编辑  收藏  举报