的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裏面的文本框顯示標籤

回答

相關問題