HTML中怎么判断文本框的值，当是一个值时点击就清空，否则不清空
比如说，网页加载时，用户名文本框的value="请输入用户名"，当我点击时就清空，如果是其他值就不清空。或者用户名文本框为空又失去焦点时，则value="请输入用户名"，...
比如说，网页加载时，用户名文本框的value="请输入用户名"，当我点击时就清空，如果是其他值就不清空。或者用户名文本框为空又失去焦点时，则value="请输入用户名"，
展开
2个回答
展开全部
1、在html中定义一个input输入框，并给其设置id。
2、给input输入框绑定一个onclick点击事件
3、定义一个处理onclick事件的js函数
4、在js函数中获取dom元素，判断其值是否与某个值相等，相等则直接将输入框value清空即可。
示例：
<input type="text" id="mytext" value="" onclick="clearContent();"/>
js：
function clearContent(){
//获取输入框dom元素
var inputObj = document.getElementById('mytext');
if(inputObj.value == '123'){
inputObj.value = '';
}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<meta http-equiv="Content-Type" content="text/html;charset='gb2312'" />
<title>input+函数引用</title>
<script type="text/javascript">
window.onload = function () {
var id = document.getElementById("inputSth");
id.onfocus = function () {
id.style.color = "#404040";
if (id.value == "猪头") {
id.value = "";
}
}
id.onblur = function () {
if (id.value == "") {
id.style.color = "#b6b7b9";
id.value = "猪头";
}
}
}
</script>
</head>
<body>
<div>
<input id="inputSth" type="text" value="猪头" style="color:#b6b7b9;" />
</div>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<meta http-equiv="Content-Type" content="text/html;charset='gb2312'" />
<title>input+函数引用</title>
<script type="text/javascript">
window.onload = function () {
var id = document.getElementById("inputSth");
id.onfocus = function () {
id.style.color = "#404040";
if (id.value == "猪头") {
id.value = "";
}
}
id.onblur = function () {
if (id.value == "") {
id.style.color = "#b6b7b9";
id.value = "猪头";
}
}
}
</script>
</head>
<body>
<div>
<input id="inputSth" type="text" value="猪头" style="color:#b6b7b9;" />
</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
