jsmethod
1
<inputtype=“text”value=“请输入内容”onfocus=“j脚本:如果(this.value==“请输入内容”)此.value=“”“onblur=”j脚本:如果(this.value=="")此.value=“请输入内容”“>
html5
1
<输入类型=“文本”占位符=“pleaseinputcontent”/>
有很多实现方法,最简单的一种是使用html5的占位符,<inputtype=“text”placeholder=“我会在没有输入的时候出现!“/>.当然,html5不支持ie,另一种方法是使用您提到的js,即判断输入框中是否有内容聚焦和模糊,然后动态更改输入框的值。另一个被使用。它在输入上浮动一层标签。单击“标签”时,标签会自动隐藏。输入框是焦点。当输入框为蓝色时,将显示浮动层。
<!doctypehtml><html><head><scriptlanguage=“javascript”src=“jquery-1.6.2。最小js“></script><scripttype=”text/javascript“>$(document).ready(function(){$(”.someclass“)。each(function(){var$this=$(this)vardefaultval=$”此.attr(“标题“)$这个。聚焦(函数(){if($这个.val()==defaultval){$这个.val("")}})$这个。模糊(函数(){if($这个.val().长度===0){$这个.val(defaultval)}}})</script><style>输入{显示:块边距底部:5px}</style></head><body><inputclass=“someclass”type=“text”title=“name”value=“name”/><inputclass=“someclass”type=“text”title=“emailaddress”value=“emailaddress”/><inputclass=“someclass”type=“text”title=“此处默认值”value=“此处插入表单填充”/></body></html>