تصف هذه المقالة طريقة عرض الحالة عندما تتحكم JS في مربع الإدخال للحصول على التركيز وفقدانه. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = gb2312"/> <title> تغيير لون الحدود </title> #797a75 ؛ العرض: 202px ؛ اللون: #cdcdcd ؛ font-size: 12px ؛} .SearchKeywordOnfocus {border: 1px solid #abcd3a ؛ width: 202px ؛ color: #000000 ؛ (document.formsearch.keyword.value == "الرجاء إدخال الكلمة الرئيسية") {document.formsearch.keyword.value = '' ؛ document.formsearch.keyword.className = 'SearchKeywordOnfocus' ؛ }} وظيفة الكلمة الأساسية () {if (document.formsearch.keyword.value == '') {document.formsearch.keyword.value = 'الرجاء إدخال الكلمة الرئيسية' ؛ document.formsearch.keyword.className = 'SearchKeyword' ؛ }} </script> </head> <body> <form id = "formesearch" name = "formsearch" method = "post" action = ""> <input type = "text" name = "keyword" value = "الرجاء إدخال الكلمة الرئيسية" onfocus = "keywordfocus () ؛" onblur = "keywordblur () ؛" /> </form> </body> </html>آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.