この記事では、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> border coler change </<style type = "> cs #797a75; width:202px; color:#cdcdcd; font-size:12px;} .searchkeywordonfocus {border:1px solid#abcd3a; width:202px;色:#000000; font-size:12px;} (document.formsearch.keyword.value == 'キーワードを入力してください'){document.formsearch.keyword.value = ''; document.formsearch.keyword.className = 'searchKeyWordOnfocus'; }} function keywordblur(){if(document.formsearch.keyword.value == ''){document.formsearch.keyword.value = 'キーワードを入力してください'; document.formsearch.keyword.classname = 'searchKeyWord'; }} </scrip> </head> <body> <form id = "formsearch" name = "formsearch" method = "post" action = ""> <input type = "text" name = "keyword" value = "onfocus =" keywordfocus(); "を入力してください。 onblur = "keywordblur();" /> </form> </body> </html>この記事がみんなのJavaScriptプログラミングに役立つことを願っています。