打开页面时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将会被自动选中,作为第一个输入的焦点。