icloud.com喜歡錶單輸入字段

我想讓佔位符一直待到有人開始輸入。有沒有與jQuery的方式來完成這個？

2012-01-16 mkampitsch

請注意你想支持哪種瀏覽器。 – 2012-01-16 22:22:04

-1

您需要使用placeholder屬性

<input type="text" id="user" name="user" placeholder="Please type your username" />

編輯

OK，現在我明白你的問題：根據前面的代碼，你只需要綁定的keydown和檢查該值是用戶的值或默認值

$(document).ready(function(){ 
    $('#user').keydown(function(e){ 
     if($(this).val()=='Please enter your username'){ 
      $('#user').val(''); 
     } 
    }); 

    $('#user').focusout(function(){ 
     if($(this).val() == ''){ 
      $(this).val('Please enter your username'); 
     } 
    }); 
});

在此處測試：http://jsfiddle.net/G7s9u/41/

來源

2012-01-16 12:40:50

佔位符不停留時間：重點給出 – mkampitsch 2012-01-19 07:57:58

好的，我不明白對不對;請檢查我更新的答案 – 2012-01-19 10:02:51

有沒有機會進行測試？ – 2012-01-22 13:33:57

您可能指的是水印功能。

水印通常在輸入或textarea元素中顯示爲淺灰色文本，只要該元素爲空且不具有焦點。這向用戶提供了關於input或textarea元素用於什麼的提示，或者需要的輸入類型。

watermark http://jquery-watermark.googlecode.com/svn/trunk/jquery-watermark/wiki/sample-watermark.png

如果是這樣，你可能想給一個嘗試jquery-watermark的情況。它本身支持HTML5 "placeholder"功能（在支持它的瀏覽器中），並在其他/舊版本中正常降級。

注：還有很多其他的插件。 Googling 'jquery watermark'或'jquery placeholder'將幫助你找到他們:)

注2：爲了儘可能兼容，蘋果不依靠HTML5佔位符屬性，只是利用了jQuery時隱藏重疊的div用戶開始輸入。

來源

2012-01-16 12:43:08 nulltoken

這就是我正在尋找！ – mkampitsch 2012-01-19 07:56:17

@mkampitsch高興地閱讀這符合您的需求。由於這個答案似乎很有幫助，你會考慮[upvoting /標記這個問題爲接受]（http://stackoverflow.com/faq#howtoask）？ – nulltoken 2012-01-19 09:23:24

讀「HTML5佔位符輸入字段使用jQuery固定」 - http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html

來源

2012-01-16 12:45:02

HTML5佔位符屬性？

<input type="text" placeholder="Example Placeholder" />

來源

2012-01-16 12:46:07 henryaaron

是的我知道佔位符屬性，但它消失時：焦點給予... – mkampitsch 2012-01-19 07:56:39

@mkampitsch不在webkit瀏覽器... – henryaaron 2012-01-19 15:56:09

icloud.com喜歡錶單輸入字段

回答

相關問題