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怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!