黑马程序员技术交流社区

标题: javascript里的一个问题 [打印本页]
作者: crazy_primitive    时间: 2013-7-21 10:45
标题: javascript里的一个问题
本帖最后由 杨兴庭 于 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>

  11. <table border="1" bordercolor="#0066CC" width="40%" cellpadding="10" cellspacing="0">
  12. <form>
  13. <tbody>
  14.         <tr>
  15.             <td colspan="2" align="center">信息注册页面</td>
  16.     </tr>
  17.     <label accesskey="u" for="userid">//这里明明跟毕向东老师写的一样，怎么就没有效果呢？
  18.         <tr>                                       //就是在行中任意位置点一下，光标就定在文本框内
  19.                 <td width="25%">用户名(U)：</td>
  20.                 <td><input type="text" name="user" id="userid" /></td>     
  21.     </tr>
  22.     </label>
  23.         <tr>
  24.                 <td>密码：</td>
  25.                 <td><input type="password" name="psw" /></td>     
  26.     </tr>
  27.         <tr>
  28.                 <td>确认密码：</td>
  29.                 <td><input type="password" name="repsw" /></td>     
  30.     </tr>
  31.         <tr>
  32.                 <td>性别：</td>
  33.                 <td>
  34.                 <input type="radio" name="sex" value="nan"  />男
  35.             <input type="radio" name="sex" value="nv"  />女
  36.         </td>     
  37.     </tr>
  38.         <tr>
  39.                 <td>技术：</td>
  40.                 <td>
  41.                 <input type="checkBox" name="tech" value="java"  />java
  42.             <input type="checkBox" name="tech" value="jsp"  />jsp
  43.             <input type="checkBox" name="tech" value="servlet"  />servlet
  44.         </td>     
  45.     </tr>
  46.         <tr>
  47.                 <td>国家：</td>
  48.                 <td>
  49.                 <select name="country">
  50.                     <option value="none" >----选择国家----</option>
  51.                                 <option value="cn" >中国</option>
  52.                 <option value="en" >英国</option>
  53.                 <option value="fr" >法国</option>
  54.             </select>
  55.         </td>     
  56.     </tr>
  57.         <tr>
  58.             <td colspan="2" align="center">
  59.                 <input type="submit" value="提交数据"  />
  60.             <input type="reset" value="重置表单"  />
  61.         </td>
  62.     </tr>
  63. </tbody>
  64. </form>
  65. </table>
  66. </fieldset>
  67. </body>
  68. </html>
复制代码
作者: 王磊    时间: 2013-7-21 12:34
测试了下楼主的代码，使用的是IE8的浏览器，发现没有问题，鼠标点选框外也可以选中文本框。
不过使用360浏览器，鼠标点击没效果。
作者: tonygone    时间: 2013-7-21 18:40
accesskey 是设置快捷键的吧，按住Alt键（Mac的话按住Ctrl键），按U键试试看。
测试确实在ie8下能实现点行定位到文本框。
作者: qushuai    时间: 2013-7-21 21:18
没用过 这个控件，是不是浏览器不兼容。



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2