HTML DOM 输入文本占位符属性
HTML DOM Input Text placeholder 属性用于设置或返回输入文本字段的 placeholder 属性值。placeholder 属性用于通过在用户输入任何内容之前在输入字段内显示文本,来为网页用户提供有关输入元素的提示。默认情况下占位符文本为灰色,并且与 value 属性不同,不会提交给表单。
语法
以下是语法 -
设置 placeholder 属性 -
textObject.placeholder = text
此处,text 表示指定用户关于文本字段提示的占位符文本。
范例
让我们看一个输入文本 placeholder 属性的示例 -
<!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>
输出
这将产生以下输出 -
占位符已成功更改 -
广告