现在的位置: 首页 > 综合 > 正文

今天遇到了一个奇怪问题

2013年12月10日 ⁄ 综合 ⁄ 共 2017字 ⁄ 字号 评论关闭

呵呵!今天遇到了一个奇怪的问题,我的单选按钮是这样的: <td>语言版本</td>
     <td> <label>
            <input name="lan_type" type="radio" value="ch" checked="checked">
            中文
            <input name="lan_type" type="radio" value="en">
        
          英文*</label>

    </td>

我在firefox下,选择英文,始终选不了,而在IE下测试是可以的

不信你们把这段代码复制试试!

最后终于解决了:也许很多人都忽略啦这个label标签的作用,我也一直没怎么注意,在dw8里,插入input的时候就会出现label和for的对话框

在网上看了一个例子:
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”。

<FORM>
    <LABEL FOR="Namebox" ACCESSKEY="N">姓  名(<U>N</U>):</LABEL>
    <INPUT TYPE="TEXT" ID="Namebox" SIZE=30> <br>

    <LABEL FOR="Emailbox" ACCESSKEY="E">电子邮件(<U>E</U>):</LABEL>
    <INPUT TYPE="TEXT" ID="Emailbox" SIZE=30> <br>

    <LABEL FOR="Phonebox" ACCESSKEY="P">联系电话(<U>P</U>):</LABEL>
    <INPUT TYPE="TEXT" ID="Phonebox" SIZE=30> <br>

    <LABEL FOR="areabox" ACCESSKEY="S" >留  言(<U>S</U>):</LABEL>
    <TEXTAREA ID="areabox" COLS="30" ROWS="3"></TEXTAREA> <br>
</FORM>

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

  大家在网上看见的一些复选框,单选钮都是要点那个小元件才能达到选择的目的的,有没有可能我们能通过点击复选框或是单选钮来达到选择这个元件的目的呢?答案是显然的,用<label>标识就可以达到这一目标,被<lable></lable>所包括的字就是可点击的了。下面有一个示例,同样是用了这个标识符。

<form>
    <input type="CHECKBOX" id="check1" value="often" name="checkoften">
    <label for="check1" >经常来这里</label>
    <input type="CHECKBOX" id="check2" value="seldom" name="checkseldom">
    <label for="check2" >偶尔来看看</label>
</form>

带热键的多项选择框:

于是,一个带热键的改良型复选框就产生了。

<form>
    <input type="CHECKBOX" id="check3" value="often" name="checkoften">
    <label for="check3" ACCESSKEY="H">经常来这里(<U>H</U>)</label>
    <input type="CHECKBOX" id="check4" value="seldom" name="checkseldom">
    <label for="check4" ACCESSKEY="L">偶尔来看看(<U>L</U>)</label>
</form>

 

label标签是和input配合使用的,运行代码,下面的代码作用:点击用户名使得input获得焦点(如果是单选按钮的话,就会被选中,而不需要直接去点单选按钮).
用法是label里的for要和input里的id相匹配

程序代码 程序代码

<form>
<label for="llinzzi">用户名</label>
<input type="text" name="llinzzi" accesskey="l" id="llinzzi" />
</form>

抱歉!评论已关闭.