HTMLDOM入力テキストプレースホルダープロパティ
HTML DOM入力テキストプレースホルダープロパティは、入力テキストフィールドのプレースホルダー属性値を設定または返すために使用されます。プレースホルダープロパティは、ユーザーが何かを入力する前に入力フィールド内にテキストを表示することにより、Webページのユーザーに入力要素に関するヒントを与えるために使用されます。プレースホルダーテキストはデフォルトで灰色で表示され、valueプロパティとは異なりフォームに送信されません。
構文
以下は、-
の構文です。プレースホルダープロパティの設定-
textObject.placeholder = text
ここで、textは、テキストフィールドに関するユーザーへのヒントを指定するプレースホルダーテキストを表します。
例
入力Textプレースホルダープロパティの例を見てみましょう-
<!DOCTYPE html> <html> <body> <h1>Input Text placeholder property</h1> USERNAME: <input type="text" id="USR" placeholder="...."> <p>Change the placeholder text of the above field by clicking the below button</p> <button onclick="changeHolder()">CHANGE</button> <script> function changeHolder() { document.getElementById("USR").placeholder = "Enter your username here.."; } </script> </body> </html>
出力
これにより、次の出力が生成されます-
プレースホルダーが正常に変更されました-
-
HTMLDOM入力パスワードプレースホルダープロパティ
HTML DOM入力パスワードプレースホルダープロパティは、入力パスワードフィールドのプレースホルダー属性値を設定または返すために使用されます。プレースホルダープロパティは、ユーザーが何かを入力する前に入力フィールド内にテキストを表示することにより、Webページのユーザーに入力要素に関するヒントを与えるために使用されます。プレースホルダーテキストはデフォルトで灰色で表示され、valueプロパティとは異なりフォームに送信されません。 構文 以下は、-の構文です。 プレースホルダープロパティの設定- passwordObject.placeholder = text ここで、textは、パス
-
HTMLDOMTextareaプレースホルダープロパティ
HTML DOM Textareaプレースホルダープロパティは、HTMLドキュメントのテキストエリア要素のプレースホルダー属性の値を返し、変更します。 構文 以下は構文です- 1。プレースホルダーを返す object.placeholder 2。プレースホルダーの追加 object.placeholder = “text” HTML DOM Textareaプレースホルダープロパティの例を見てみましょう: 例 <!DOCTYPE html> <html> <style> body {