A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© crazy_primitive 中级黑马   /  2013-7-21 10:45  /  1111 人查看  /  3 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 杨兴庭 于 2013-7-22 21:28 编辑
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>无标题文档</title>
  6. </head>
  7. <body>
  8. <fieldset>
  9.         <legend>注册区域</legend>

  10. <table border="1" bordercolor="#0066CC" width="40%" cellpadding="10" cellspacing="0">
  11. <form>
  12. <tbody>
  13.         <tr>
  14.             <td colspan="2" align="center">信息注册页面</td>
  15.     </tr>
  16.     <label accesskey="u" for="userid">//这里明明跟毕向东老师写的一样,怎么就没有效果呢?
  17.         <tr>                                       //就是在行中任意位置点一下,光标就定在文本框内
  18.                 <td width="25%">用户名(U):</td>
  19.                 <td><input type="text" name="user" id="userid" /></td>     
  20.     </tr>
  21.     </label>
  22.         <tr>
  23.                 <td>密码:</td>
  24.                 <td><input type="password" name="psw" /></td>     
  25.     </tr>
  26.         <tr>
  27.                 <td>确认密码:</td>
  28.                 <td><input type="password" name="repsw" /></td>     
  29.     </tr>
  30.         <tr>
  31.                 <td>性别:</td>
  32.                 <td>
  33.                 <input type="radio" name="sex" value="nan"  />男
  34.             <input type="radio" name="sex" value="nv"  />女
  35.         </td>     
  36.     </tr>
  37.         <tr>
  38.                 <td>技术:</td>
  39.                 <td>
  40.                 <input type="checkBox" name="tech" value="java"  />java
  41.             <input type="checkBox" name="tech" value="jsp"  />jsp
  42.             <input type="checkBox" name="tech" value="servlet"  />servlet
  43.         </td>     
  44.     </tr>
  45.         <tr>
  46.                 <td>国家:</td>
  47.                 <td>
  48.                 <select name="country">
  49.                     <option value="none" >----选择国家----</option>
  50.                                 <option value="cn" >中国</option>
  51.                 <option value="en" >英国</option>
  52.                 <option value="fr" >法国</option>
  53.             </select>
  54.         </td>     
  55.     </tr>
  56.         <tr>
  57.             <td colspan="2" align="center">
  58.                 <input type="submit" value="提交数据"  />
  59.             <input type="reset" value="重置表单"  />
  60.         </td>
  61.     </tr>
  62. </tbody>
  63. </form>
  64. </table>
  65. </fieldset>
  66. </body>
  67. </html>
复制代码

评分

参与人数 1技术分 +1 收起 理由
杨兴庭 + 1 赞一个!

查看全部评分

3 个回复

倒序浏览
测试了下楼主的代码,使用的是IE8的浏览器,发现没有问题,鼠标点选框外也可以选中文本框。
不过使用360浏览器,鼠标点击没效果。

评分

参与人数 1黑马币 +5 收起 理由
杨兴庭 + 5 赞一个!

查看全部评分

回复 使用道具 举报
accesskey 是设置快捷键的吧,按住Alt键(Mac的话按住Ctrl键),按U键试试看。
测试确实在ie8下能实现点行定位到文本框。

评分

参与人数 1黑马币 +5 收起 理由
杨兴庭 + 5 赞一个!

查看全部评分

回复 使用道具 举报
没用过 这个控件,是不是浏览器不兼容。

评分

参与人数 1黑马币 +3 收起 理由
杨兴庭 + 3 赞一个!

查看全部评分

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马