簡體   English   中英

如何將默認值放入“輸入”,當用戶按下輸入時,它將消失?

[英]How to put a default value into an 'input' and when user press enter it will disappear?

如何將默認值輸入到用戶按下輸入時它會消失?

我的代碼不起作用:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<body>
    <input  value="default-value" type="text"/>
</body>
</html>

當許多瀏覽器支持HTML5時,它非常簡單:

<input type="text" placeholder="default-value" />

直到我使用背景圖像並讓它消失,用戶才會關注輸入,否則用戶可能會提交默認值,您必須將其過濾掉服務器端:

<input type="text" name="fieldname" id="fieldname" style="background-image: url("default-value.png"); background-repeat: no-repeat;" />

並且點擊時刪除它的JavaScript(使用原型框架):

$('fieldname').observe('click', function() {
 // if already cleared, do nothing
 if(this._cleared) return;
 this.setStyle({backgroundImage: ''});
 this._cleared = true
}); 

以下是一個搜索框的示例,其初始值為“在此處輸入搜索字符串”。 當控件獲得焦點並開始輸入時,一些javascript會清除該框:

<input name="txtSearch" id="txtSearch" onfocus="if (this.value=='enter search string here...') this.value = ''" value="enter search string here..." type="text"> 

不要設置默認值。 只需刪除value屬性即可。

從您的問題中不清楚您的目標是什么 - 但是,通過使用默認值,每次加載頁面時都會顯示此值。

您的頁面也沒有form元素,這是表單提交所必需的。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM