webdn
 
  首页     免费截图     VIP会员区     广告Banner     技术文档     网站模板  
网站截图,网站每日新 !
虚拟主机
网页模板

首页 >> WebDN 技术文档 >> Html教程 >> Page 2 >> HTML4.0实现聚焦:降光标定位在form框内
 

HTML4.0实现聚焦:降光标定位在form框内

[摘 要]


本篇讲述HTML4.0实现聚焦:降光标定位在form框内的文章主题。

  例程1:
   通常我们在制作form表单时,实现聚焦一般得用鼠标在form框中点选,下面的例子都是用HTML4.0实现的,象windows菜单一样,首字符有下划线,用“ALT+首字符”就可以降光标定位在form框内了。
   代码是这样的:
<FORM>
<LABEL FOR="Namebox" ACCESSKEY="N"><U>N</U>ame:</LABEL>
<INPUT TYPE="TEXT" ID="Namebox" SIZE=30>

<LABEL FOR="Emailbox" ACCESSKEY="E"><U>E</U>mail:</LABEL>
<INPUT TYPE="TEXT" ID="Emailbox" SIZE=30>

<LABEL FOR="Phonebox" ACCESSKEY="P"><U>P</U>hone:</LABEL>
<INPUT TYPE="TEXT" ID="Phonebox" SIZE=30>

<LABEL FOR="areabox" ACCESSKEY="S"><U>S</U>uggest</LABEL>
<TEXTAREA ID="areabox" COLS="10" ROWS="2"></TEXTAREA>

</FORM>
   ...标签产生下划线;
   For="Name"和ID="Name"中的Name是一致的。
   ACCESSKEY=... 设置“热键”。
   例程2:
   看看下面的选择框范例,它的微妙之处在于,选择项目时不必非得在框内点击鼠标了,在文本上选择即可。不信试一试吧。
<form>
<label for="check1">经常来这里</label>
<input type="CHECKBOX" id="check1" value="often" name="checkoften">
<label for="check2">偶尔来看看</label>
<input type="CHECKBOX" id="check2" value="seldom" name="checkseldom">
</form>




电话咨询:010-60520722 QQ咨询:3792656   |   583696287   |   66733350 关于WebDN  |  站点地图  |  联系我们  |  支付方式  |  友情链接
© 2004-2008 WebDN.com 版权所有. 沪ICP备05040479号