บทความนี้อธิบายวิธีการแสดงสถานะเมื่อ JS ควบคุมกล่องอินพุตเพื่อให้ได้และสูญเสียโฟกัส แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> <title> #797A75; ความกว้าง: 202px; สี: #cdcdcd; ตัวอักษรขนาด: 12px;}. searchkeywordonfocus {เส้นขอบ: 1px solid #abcd3a; width: 202px; สี: #000000; font-size: 12px; (document.formsearch.keyword.value == 'โปรดป้อนคำหลัก') {document.formsearch.keyword.value = ''; document.formsearch.keyword.classname = 'searchkeywordonfocus'; }} ฟังก์ชั่น keywordblur () {if (document.formsearch.keyword.value == '') {document.formsearch.keyword.value = 'โปรดป้อนคำหลัก'; document.formsearch.keyword.classname = 'searchkeyword'; }} </script> </head> <body> <form id = "formSearch" name = "formSearch" method = "post" action = ""> <input type = "text" name = "keyword" value = "โปรดป้อนคำสำคัญ" onfocus = "keywordfocus ();" onblur = "keywordblur ();" /> </form> </body> </html>ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน