input输入框提示的几种使用方法
墨初 Web前端 1680阅读
在前端web页面中想要让input输入框带有提示，可以使用 placeholder 属性，但这个属性有多种的使用方法，下面就详细的说一说。
HTML input placeholder 属性
placeholder：用于在输入框中的提示属性，当输入内容时就会消失。
语法：
<input placeholder="text">
参数：
| 值 | 描述 |
|---|---|
| text | 规定用于验证输入字段的模式。 |
直接使用 placeholder 属性
例：
<input placeholder="这是提示的文字">
js使用 placeholder 属性
例：
<input type="text" name="" id="message" value="73so.com" />
<script>
document.getElementById("message").setAttribute("placeholder","这是提示的文字");
</script>jq调用 placeholder 属性
例：
<input type="text" name="" id="message" value="73so.com" />
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
<script>
$('#message').attr('placeholder','这是提示的文字');
</script>