2015-05-05 245 views
0

我有一個帶有文本框和按鈕的HTML表格 最初文本框是隱藏的,按下按鈕後它將顯示。 這個完美的作品。 我需要做的是在出現文本框的同時,在文本框 的右側顯示一個提示「在此輸入您的姓名」的提示。 (不是當鼠標移過文本框時,需要在文本框出現時顯示工具提示)在javascript/HTML中顯示工具提示

任何人都可以幫我解決這個問題嗎?

這是我的代碼到目前爲止。

<html> 
<head> 
    <script> 
     function showRow(rowId) { 
      document.getElementById(rowId).style.display = ""; 
     } 
    </script> 
</head> 
<body> 
    <table> 
     <tr id="r1"> 
      <td> 
       <input type="button" id="click" name="click" value="click" onclick="showRow('r2');"/> 
      </td> 
     </tr> 
     <tr id="r2" style="display: none;"> 
      <td> 
       <input type="text" id="name" name="name"/> 
      </td> 
     </tr> 
    </table> 
</body> 
<html> 
+0

什麼只是一個佔位符屬性? ''? – putvande

回答

0

如果你想在「提示」,以同時顯示,則只需添加元素爲您<td>元素的子元素。

來源:

<tr id="r2" style="display: none;"> 
    <td><input type="text" id="name" name="name"></td> 
</tr> 

要:

<tr id="r2" style="display: none;"> 
    <td> 
     <input type="text" id="name" name="name"> 
     <label for="name">My Label</label> 
    </td> 
</tr> 

希望這應該工作。 (我不知道如果這是你問)

檢查這個的jsfiddle我剛剛創建:

https://jsfiddle.net/0mfk3tr3/

+0

這只是您隨文本框一起顯示的標籤。 Op希望'tooltip'一出現就顯示在文本框上。 – Rohit416

+0

但是總是可見的工具提示僅僅是一些帶有一些奇特定位的標籤?不是。 @ Rohit416 – neon64

+0

這是,但我們不應該稱之爲提示。在標籤中進行文本換行就可以了。 – Rohit416