阿Q吧 > html中input文本框，初始里边有文字提示，当点击时，文字消失，怎么设置？

html中input文本框，初始里边有文字提示，当点击时，文字消失，怎么设置？

2024-11-03 05:32:53

推荐回答（2个）

回答1：

1、使用onfocus事件检查当前值,如果是默认值,就将value属性置空.如:type="text"
value="请输入内容"
onfocus="javascript:if(this.value=='请输入内容')this.value='';">
2、id="email"
type="text"
placeholder="这里输入文字"
size="22"
/>
placeholder="这里输入文字"
input设置默认显示文字的两种方式：
1.placeholder属性。在输入框为空的情况下会显示placeholder中的值。但是提交时不能直接取其值。
2.value属性。在输入框加载的时候输入框中的值。提交时可直接获取。

回答2：

使用onfocus事件检查当前值,如果是默认值,就将value属性置空.如:
type="text"
value="请输入内容"
onfocus="javascript:if(this.value=='请输入内容')this.value='';">
已经有兄弟给出HTML5的placeholder属性的实现方法了,我给出的是JS解决方法.