• 注册
热门标签
↑ 收起导航

打开页面时input(输入框)自动取得焦点

打开百度,Google首页就可以直接输入文字,打开163邮件首页就可以输入用户名密码,用户不需要再用鼠标点击选中输入文本框,就可以直接输入内容了。这个看似很简单其实也很简单的地方被很多网站所忽视,在很多需要注册、登录、搜索信息等网页中输入文本框的地方都需要移动鼠标选中才行。很多网站用户体验的提升就是一个个看起来很小的步骤积累起来的。检查一下你的网站吧,说不定你也存在这个问题呢。

为了让焦点显示在INPUT上,你可能需要一些Javascript来实现,而你可以用到的最简洁的代码如下

<body onLoad="document.forms.form_name.input_name.focus()">

而你的html代码需要是这样的:

<form method="get" name="form_name" action="#"><input type="text" name="input_name" size="20" /><input type="submit" value="Go" /></form>

这样的话,每次进入这个页面的时候,name="input_name" 的INPUT将会被自动选中,作为第一个输入的焦点。

版权声明:转载请注明来自杨俊伟博客,本文地址:http://yangjunwei.com/a/211.html
除非注明,杨俊伟博客文章均为原创,转载请注明出处和链接!
 

发表评论 



我还是想用邮箱注册

登录

忘记密码 ?

用第三方帐号快捷登录

已有账户?前往登录吧~

注册