今天遇到了一个奇怪问题
2008-02-17 12:36
281 查看
呵呵!今天遇到了一个奇怪的问题,我的单选按钮是这样的: <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>
<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>
相关文章推荐
- 今天遇到的一个奇怪的vb.net问题
- 今天遇到一个奇怪的问题!!无奈搞了半天也没解决,难道非要重装
- 今天遇到一个奇怪的问题 android:sharedUserId有关
- 今天遇到一个weblogic的 奇怪的问题
- 今天遇到一个问题,关于ibatis的
- 在用zepto的on事件中遇到的一个奇怪问题.
- 今天做开发时遇到的一个vs2005的问题
- 遇到一个ie下新窗口访问父级界面数组很慢的问题,甚是奇怪
- 今天遇到的一个问题,在此先记录
- 今天遇到一个WIN32下的异步IO问题
- 今天遇到一个关于对象和对象方法内存分配的有趣的问题
- 今天遇到一个乱码问题
- 今天遇到的一个函数指针的问题
- 遇到一个关于ObjectDataSource的奇怪问题
- 今天代码遇到一个问题以及优化-2016年08月04日19:08:40
- android利用Bitmap加载图片所遇到的一个奇怪的OOM问题java.lang.OutOfMemoryError
- 哎呀,今天犯了一个大毛病,有串口不打log看,遇到问题就请教别人是个坏毛病
- 今天遇到一个SQL的问题
- 11.22 今天遇到一个奇怪的Warning
- 今天遇到的对List,ArrayList的remove方法的一个小问题