Rumah > Artikel > hujung hadapan web > javascript中input怎么用
javascript中input怎么用
- 藏色散人asal
- 2021-04-27 09:03:0312330semak imbas
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高级教程】
Atas ialah kandungan terperinci javascript中input怎么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：10个开发者经常问的JavaScript面试题（附答案解析）Artikel seterusnya：为什么电脑没有javascript