zoukankan      html  css  js  c++  java
  • Html中Label标记的作用和使用介绍

    Label标识有两个属性,一个是FOR,一个是ACCESSKEY

    FOR的意思是,这个Lable是为哪个控件服务的;
    ACCESSKEY则定义了访问这个控件的热键。
    比如,有一个名字叫Name的文本框,<INPUT TYPE="TEXT" ID="Name" SIZE=30>,
    那么,<label>就可以定义成:<LABEL FOR="Name" ACCESSKEY="N">姓  名(<U>N</U>):</LABEL>。
    可以看见,这个<Label>是为那个ID为“Name”控件服务的,而ACESSKEY则定义了,这访问这个控件的热键为“Alt+N”。

     1<LABEL FOR="txtName" ACCESSKEY="N">姓  名(<U>N</U>):</LABEL>
     2<INPUT TYPE="TEXT" ID="txtName" SIZE=30>Meil<br>
     3
     4<LABEL FOR="txtUrl" ACCESSKEY="U">个人主页(<U>U</U>):</LABEL>
     5<INPUT TYPE="TEXT" ID="txtUrl" SIZE=30>http://www.livebaby.cn<br>
     6
     7<LABEL FOR="txtPhonebox" ACCESSKEY="P">联系电话(<U>P</U>):</LABEL>
     8<INPUT TYPE="TEXT" ID="txtPhonebox" SIZE=30> <br>
     9
    10<LABEL FOR="areabox" ACCESSKEY="S" >留  言(<U>S</U>):</LABEL>
    11<TEXTAREA ID="areabox" COLS="30" ROWS="3"></TEXTAREA> 


      单选钮、复选框都要点击控件才能选中控件,而如果使用<label>标识就可以实现点击文字选取。

    点击文字可以选取的多项选择框:

    1<input type="CHECKBOX" id="chk1" value="often" name="chkoften">
    2<label for="chk1" >经常来这里</label> 
    3<input type="CHECKBOX" id="chk2" value="seldom" name="chkseldom">
    4<label for="chk2" >偶尔来看看</label> 

    带热键的多项选择框:
    1<input type="CHECKBOX" id="chk3" value="often" name="chkoften">
    2<label for="chk3" ACCESSKEY="H">经常来这里(<U>H</U></label> 
    3<input type="CHECKBOX" id="chk4" value="seldom" name="chkseldom">
    4<label for="chk4" ACCESSKEY="L">偶尔来看看(<U>L</U></label>

    原文: http://www.livebaby.cn/study/Developer/HTML_CSS/2008/1/Html_Lable_415382424.html
  • 相关阅读:
    线程池
    在Pycharm中使用GitHub
    “全能”选手—Django 1.10文档中文版Part3
    “全能”选手—Django 1.10文档中文版Part2
    “全能”选手—Django 1.10文档中文版Part1
    CSS3点点滴滴
    Django之Form、CSRF、cookie和session
    Django之路由、模板和模型系统
    jQuery 3.1 API中文文档
    html/css/js小技巧实例
  • 原文地址:https://www.cnblogs.com/meil/p/1025922.html
Copyright © 2011-2022 走看看