javascript中input怎么用
程序员文章站
2022-03-12 08:13:32
...
javascript中input的用法:首先创建一个HTML示例文件;然后在body中创建一个form表单并通过input标签规定一个输入字段;最后在js代码中输入表单控件元素对象方法即可。
本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
JavaScript中input常用方法
表单对象常用事件:
onfocus:在表单元素收到输入焦点时触发;
onblur:在表单元素失去输入焦点时触发。
如:文本框失去焦点时,以下代码将调用myfun()函数。
表单控件元素对象常用方法
blur()
让光标离开当前元素
focus()
让光标落到当前元素上
select()
用于种类为text,textarea,password的元素,选择用户输入的内容
click()
模仿鼠标单击当前元素
效果展示
代码实现
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <p id="info"> <h2>填写相关信息</h2> <form action="" method="post"> <input type="text" name="name" id="name" value="姓名" /> <br /> <input type="text" name="contact" id="contact" value="QQ或者电话" /> </form> </p> <script type="text/javascript"> window.onload = function() { var inname = document.getElementsByTagName("input"); for (i = 0; i < inname.length; i++) { //使用匿名函数 inname[i].onmouseover = function() { this.focus(); } inname[i].onfocus = function() { this.select(); } } } </script> </body></html>
【推荐学习:javascript高级教程】
以上就是javascript中input怎么用的详细内容,更多请关注其它相关文章!
上一篇: Python常用类型转换实现
下一篇: php中pcntl_fork有什么作用