![](/img/trans.png)
[英]How to call function java script when user fill text in input id=“value_1” and then press `Enter` on keyboard?
[英]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.