Question

关于文本框的点击事件的JS代码怎么写

要求是：当鼠标点击输入框时原来存在的提示文字自动消失，当鼠标点击输入框以外的地方时，提示文字自动恢复，但是当有用户输入文字的时候，保留用户输入文字而不恢复提示文字

Answer 1

<input type="text" name="keyword" size=34 value="请输入关键字" maxlength="50" onblur="if(!this.value.length){this.style.color='#FF5900';this.value='请输入关键字';}" onclick="if(this.value=='请输入关键字'){this.style.color='#FF5900';this.value='';}">

Answer 2

<script language="javascript">
function changeBegin(){
var str_text = document.getElementById("text1");
if (str_text.value==""){
str_text.value="请输入查询关键字"
}
}
function changeEnd(){
var str_text = document.getElementById("text1");
if (str_text.value=="请输入查询关键字"){
str_text.value=""
}
}
</script>
<input type="text" id="text1" onblur="changeBegin()" onfocus="changeEnd()" value="请输入查询关键字" size="20" />