用戶輸入用戶名時清除默認文本

-3

我想使用JavaScript來清除默認文本並允許用戶輸入他的選擇詞。我如何將這個東西與我的HTML代碼整合在一起。我需要它來進行測試。以下是我的HTML代碼。用戶輸入用戶名時清除默認文本

<html> 
<body bgcolor="black"><form method="get" action ="http://localhost:2013"> 
<center> 
<font color="white" size=65>Enter Word: 

<input type="text" name="word"></font></center> 
</br><center> 

<font color="Green" size=65> 
<input type="submit" value="SUBMIT"></font></center>< 
form> 
</body> 
</html>

有什麼建議嗎？

來源

2013-06-28 mahesh

代碼中的默認文本在哪裏？ – NINCOMPOOP

現在使用HTML5，您無需爲此功能使用Javascript。只需在輸入元素中使用placeholder ='default text here'即可。 – Nishanthan

我需要使用JavaScript – mahesh

<!DOCTYPE html> 
<body bgcolor="black"><form method="get" action ="http://localhost:2013"> 
<center> 
<font color="white" size=65>Enter Word: 

<input type="text" name="word" placeholder='Default Text'></font></center> 
</br><center> 

<font color="Green" size=65> 
<input type="submit" value="SUBMIT"></font></center>< 
form> 
</body> 
</html>

只需添加佔位符=「默認文本」您輸入的元素。

來源

2013-06-28 06:01:05 drarkayl

我只是複製粘貼您的代碼，但我的瀏覽器不顯示默認文本，但是當我將它粘貼到在線html文件編譯器時，它工作正常。任何建議？ – mahesh

確保您的文檔類型是HTML 5 – muneebShabbir

立即嘗試。你在網上的HTML編譯器是什麼意思？一個瀏覽器就是你需要使用的HTML。 – drarkayl

無需太多的項目，這將幫助你......

<form action="demo_form"> 
    <input type="text" name="fname" placeholder="Your default text"><br> 
    <input type="text" name="lname" placeholder="Your default text"><br> 
</form>

來源

2013-06-28 06:00:30

」不應將佔位符屬性用作標籤的替代品。「 - http://www.w3.org/TR/html5/forms.html#the-placeholder-attribute – Quentin

是啊雖然使用它作爲標籤是錯誤的，我認爲這個帖子回答了這個問題atleast。 – drarkayl

@Quentin：男人，我只是把它理解爲了解，我從來沒有告訴過要用它作爲標籤！ –

用戶輸入用戶名時清除默認文本

回答

相關問題