
用自带的focus()就可以了
利用js中<input/>实现文本框默认获取输入焦点完整代码实现如下:
<html>
<head>
<meta >
<script type="text/javascript">
//输入框获取鼠标焦点
function autoFocus(){
var pFocus = documentgetElementById("password");
pFocusfocus();
pFocusselect();
}
</script>
</head>
<body onload="autoFocus()">
<div id="loginform">
<h1 style="font-size:15em;padding:20px;">输入密码</h1>
<form action="${pageContextrequestcontextPath}/" method="post">
<input id="password" type="password" name="password">
<input type="submit" value="提交">
</form>
</div>
</body>
</html>
扩展资料:
JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说,我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义 。
参考资料:
JavaScript官方API接口-:focus
百度百科-JavaScript
W3cschool-获得字段焦点
其实Label中有两个属性非常有用,一个是FOR,一个是ACCESSKEY。
FOR属性
函数:指示由Label标签绑定的HTML元素。当您单击此标签时,绑定的元素将获得焦点。
用法:名称
ACCESSKEY属性:
功能:指示访问由标签Label绑定的元素的热键。当您按下热键时,绑定的元素将获得焦点。
用法:名称
限制:accessKey属性设置的快捷键不能和浏览器的快捷键冲突,否则会先激活浏览器的快捷键。
注意:
若要将标签绑定到另一个控件,请将LABEL元素的FOR属性设置为与控件的ID相同。将LABEL绑定到控件的NAME属性是无用的。但是,要提交表单,必须指定LABEL元素绑定到的控件的名称。
在网页制作中,经常会用到输入框,也就是输入框元素元素,有的时候想做一些特殊的效果,比如说在用户没有输入的时候,输入框上面显示“请输入”,当用户点击了输入框的时候,“请输入”自动消失,然后让用户输入,当离开输入框后,如果输入框里面什么内容也没有,那么依旧显示“请输入”,怎么实现这样的效果呢?onFocus()表示的是当输入框获取了输入焦点的时候发生的响应,也就是你点击了输入框,这个函数就会响应;onBlur()表示的是当输入框失去了输入焦点的时候所发生的响应,也就是你点击了别的地方,具体的效果可以参见下面的代码:<html<head<title
以上就是关于js中<input/>如何获得焦点全部的内容,包括:js中<input/>如何获得焦点、哪个html标签不能获得焦点、html中如何让输入框在获取和失去焦点的时候变化等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)