需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<input type="text" placeholder="清输入用户名" />。
3、浏览器运行index.html页面，文本框初始有文字。
4、点击文本框，文字成功消失。
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2018-02-14
使用onfocus事件检查当前值,如果是默认值,就将value属性置空.如:
<input type="text" value="请输入内容" onfocus="javascript:if(this.value=='请输入内容')this.value='';">
已经有兄弟给出HTML5的placeholder属性的实现方法了,我给出的是JS解决方法.本回答被提问者和网友采纳
<input type="text" value="请输入内容" onfocus="javascript:if(this.value=='请输入内容')this.value='';">
已经有兄弟给出HTML5的placeholder属性的实现方法了,我给出的是JS解决方法.本回答被提问者和网友采纳
第2个回答 推荐于2019-09-20
1、使用onfocus事件检查当前值,如果是默认值,就将value属性置空.如:<input type="text" value="请输入内容" onfocus="javascript:if(this.value=='请输入内容')this.value='';">
2、<input id="email" type="text" placeholder="这里输入文字" size="22" />
placeholder="这里输入文字"
input设置默认显示文字的两种方式：
1.placeholder属性。在输入框为空的情况下会显示placeholder中的值。但是提交时不能直接取其值。
2.value属性。在输入框加载的时候输入框中的值。提交时可直接获取。
本回答被网友采纳第3个回答 2012-12-22
<input id="email" type="text" placeholder="这里输入文字" size="22" />
下次记得给分= =
下次记得给分= =
第4个回答 2012-12-22
<input type="text" value="请输入文字" onfocus="this.value=''" onblur="if(this.value==''){this.value='请输入文字'}" />
相似回答