hi,欢迎访问本站!
当前位置: 首页Web前端正文

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>
标签:
声明:无特别说明,转载请标明本文来源!
相关推荐