input输入框提示的几种使用方法
墨初 Web前端 1536阅读
在前端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>