日期:2014-05-16  浏览次数:20485 次

关于input控件文字提示问题
script代码:

function nameDisa(){
      var v;
      v=document.getElementByName("_name").value;
      if (v=="昵称"){document.getElementByName("_name").value=""}
      }
function nameShow(){
      var v;
      v=document.getElementByName("_name").value;
      if (v==""){document.getElementByName("_name").value="昵称"}
      }

html代码:

<input type="text" class="name" name="_name" value="昵称" onfocus="nameDisa();"onblur="nameShow();"/>

点击input后提示为何不会消失?
如果我不放进头部的js代码中,而是如下时,却可以,求解问题出在哪里?

<input value="昵称" onfocus="if (value =='昵称'){value =''}" onblur="if (value ==''){value='昵称'}" />

------解决方案--------------------

<script >
function nameDisa(el){
    if (el.value==el.title) el.value='';
}
function nameShow(el){
    if(!el.value) el.value=el.title;
}
</script>
<input type="text"   title='昵称' value="昵称" onfocus="nameDisa(this);"onblur="nameShow(this);"/>
<input type="text"   title='用户名' value="用户名" onfocus="nameDisa(this);"onblur="nameShow(this);"/>

------解决方案--------------------
引用:
必须用Id么,因为我有好几个类似的input,总不能全用Id去弄吧。。。name,class貌似都不行,求解


也可以用form[name]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">

function nameDisa(){