2015-04-04 24 views
1

這可能是一個愚蠢的問題,但我已經在此工作了很多,我仍然無法弄清楚。我在包含一個表格的html中創建一個表單。在此表格的單元格內,默認情況下有一個名稱爲「Name」的文本字段。當我點擊文本字段時,我想使「名稱」消失。用javascript或html本身清理textfield

這裏是我行:

<html> 
<script type="text/javascript" src="on_click.js"></script> 
.... 
.... 
<tr> 
<td></td> 
<td><input type="text" name="addname" value="Name" size="179" onclick="Clear()" id="textbox1"></td> 
<td></td> 
</tr> 
<tr> 
<td></td> 
<td><input type="text" name="lastname" value="Last" size="179"  onclick="clear() id="textbox2"></td> 
<td></td> 
</tr> 
.... 
</html> 

以下是我的javascript代碼:

function Clear() 
{ 
document.getElementById("textbox1").value= ""; 
document.getElementById("textbox2").value= ""; 

} 

如果可能,我使用了錯誤的功能,我不知道,或者如果我不包括我的文件正確內我的JavaScript或我的HTML。我是JavaScript新手,如果有人能幫助我解決這個問題,我將不勝感激。

謝謝!

+0

而且,現在究竟是什麼問題呢?因爲目前你的代碼正在消失的「名稱」(也許不是最好的方式,但它是這樣做的)https://jsfiddle.net/Lnhccbok/你會得到一些錯誤? – 2015-04-04 01:55:20

回答

2

爲什麼不乾脆把placeholder在文本框中,而不是 例 <input type='text' name='name' placeholder='Name' />

這是做你想要什麼

0

運行標記加載後.js文件腳本的瀏覽器兼容的方式。

<html> 

.... 
.... 
<tr> 
<td></td> 
<td><input type="text" name="addname" value="Name" size="179" onclick="Clear()" id="textbox1"></td> 
<td></td> 
</tr> 
<tr> 
<td></td> 
<td><input type="text" name="lastname" value="Last" size="179"  onclick="clear()" id="textbox2"></td> 
<td></td> 
</tr> 
<script type="text/javascript" src="on_click.js"></script> 
.... 
</html> 

你也可以試試這個:

onclick="this.value=''"