的JavaScript里面的文本框显示标签

嗨，我有定义的iput类型的文本如下的JavaScript里面的文本框显示标签

<input type="text" name="dateInputUserActivity1" value="" id="dateInputUserActivity1" onfocus="HideLabel(this)" onblur="ShowLabel(this)">

我已经在外部定义的函数HideLabel(textbox)和ShowLabel(textbox)问题JavaScript文件是这样的：

  function HideLabel(txtField){ 
     if(
      txtField.name=='dateInputResourceEventActivityComparison1' 
      || txtField.name=='dateInputResourceActivityComparison1' 
      || txtField.name=='dateInputResourceEventStatistics1' 
      || txtField.name=='dateInputUserImportHistory1' 
      || txtField.name=='dateInputUserActivity1' 
      || txtField.name=='dateInputUserEventStatistics1' 
      || txtField.name=='dateInputUserStatistics1' // top10distinct chart date 
      || txtField.name=='dateInputtop10UserActivity1' 
     ){ 
      if(txtField.value=='From Date') 
       txtField.value = ''; 
      else 
       txtField.select(); 
     }else if(txtField.name=='dateInputResourceEventActivityComparison2' 
     || txtField.name=='dateInputUserActivity2' 
     || txtField.name=='dateInputUserEventStatistics2' 
     || txtField.name=='dateInputResourceActivityComparison2' 
     || txtField.name=='dateInputUserImportHistory2' 
     || txtField.name=='dateInputUserStatistics2' 
     || txtField.name=='dateInputtop10UserActivity2' 
     || txtField.name=='dateInputResourceEventStatistics2'){ 
      if(txtField.value=='To Date'){ 
       txtField.value = ''; 

      } 
      else{ 

       txtField.select(); 
      } 
     } 
    } 

function ShowLabel(txtField){ 
     if(
       txtField.name=='dateInputResourceEventActivityComparison1' 
      || txtField.name=='dateInputResourceActivityComparison1' 
      || txtField.name=='dateInputResourceEventStatistics1' 
      || txtField.name=='dateInputUserImportHistory1' 
      || txtField.name=='dateInputUserActivity1' 
      || txtField.name=='dateInputUserEventStatistics1' 
      || txtField.name=='dateInputUserStatistics1' // top10distinct chart date 
      || txtField.name=='dateInputtop10UserActivity1' 
){ 
      if(txtField.value.trim()=='') 
       txtField.value = 'From Date'; 
     }else if(
      txtField.name=='dateInputResourceEventActivityComparison2' 
     || txtField.name=='dateInputUserActivity2' 
     || txtField.name=='dateInputUserEventStatistics2' 
     || txtField.name=='dateInputResourceActivityComparison2' 
     || txtField.name=='dateInputUserImportHistory2' 
     || txtField.name=='dateInputUserStatistics2' 
     || txtField.name=='dateInputtop10UserActivity2' 
     || txtField.name=='dateInputResourceEventStatistics2' 
    ){ 
      if(txtField.value.trim()==''){ 
       txtField.value = 'To Date'; 
       //txtField.type = 'text'; 
      } 
     } 
    }

这些都是我想要修改以在文本框中显示标签的日期字段文本框。

现在只有if语句中的第一个字段显示文本框中的标签，其他字段仅在我关注并聚焦在字段外时显示标签。如何在页面加载的所有字段上显示标签？

来源

2012-02-08 pri_dev

http://www.thedailywtf.com打电话给他们，他们想让他们的代码回来 – 2012-02-27 12:42:47

你有没有考虑

<input type="text" name="dateInputUserActivity1" value="" id="dateInputUserActivity1" placeholder="From Date">

的关键是placeholder属性。

来源

2012-02-08 05:40:38 Domenic

是的，他们也可以尝试...看起来很简单 – 2012-02-08 05:46:00

问题是设置默认值=“从日期”，这是空的..所以我补充说，在所有的文本字段标签和它的工作正常。

来源

2012-02-08 04:29:44

的JavaScript里面的文本框显示标签

回答

相关问题