js中<input>如何获得焦点

js中<input>如何获得焦点,第1张

用自带的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中如何让输入框在获取和失去焦点的时候变化等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9739661.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-01
下一篇2023-05-01

发表评论

登录后才能评论

评论列表(0条)

    保存