input输⼊框添加提⽰⽂字 <input> placeholder 属性
<!DOCTYPE HTML>
<html>
<body>
<form action="/example/html5/demo_form.asp" method="get">
<input type="search" name="user_search" placeholder="Search W3School" />
<input type="submit" />
</form>
</body>
</html>
第⼆种 js代码⽅式
<script type="text/javascript">
var inputAdvice="请输⼊合同编号或客户名称";
$(function(){
$("#search").val(inputAdvice);
})
/**查询输⼊框点击**/
function clickMessage (){
var searchVal=$("#search").val();
if(inputAdvice==searchVal){
$("#search").val("");
}
}
/**查询输⼊框失去焦点**/
function blurMessage(){
var searchVal=$("#search").val();
if(""!=searchVal){
}else{
$("#search").val(inputAdvice);
}
html内容文本框}
</script>
<input type="text" id="search" οnclick="clickMessage()" οnblur="blurMessage()" />
效果

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。