面膜文本輸入

嘿，我試圖做一個簡單的輸入文本是這樣的。面膜文本輸入

<input type="text" id="pin" name="pin" maxlength="4" size="4" placeholder="____">

現在在前端，我希望該佔位符保持到用戶鍵入所有字符。

例如：

1___ 
12__ 
123_ 
1234

這是清楚了嗎？感謝您的幫助

編輯：讓我做這個更加清晰。我希望佔位符或模擬佔位符的東西保持可見，直到輸入所有字符！這意味着當我輸入一個角色時，它不會消失。它在尚未輸入的字符上插入下劃線。

來源

2013-03-15 user2123665

什麼你要找的是一個「屏蔽」功能。如果你有谷歌的「javascript輸入掩碼」（公平的警告，其中大多數將涉及jQuery或其他依賴項），有很多選項 – BLSully 2013-03-15 15:03:01

謝謝BLSully我會研究這一點。編輯：是的，我認爲這是它，因爲我的英語不是那麼好，我不知道正確的名稱。 – user2123665 2013-03-15 15:04:24

亦如@BLSully建議，這裏是一個jQuery插件，屏蔽我在過去使用：[http://digitalbush.com/projects/masked-input-plugin/](http://digitalbush.com/projects/ masked-input-plugin /） – gmartellino 2013-03-15 15:05:16

佔位符不喜歡這樣的默認，因爲它是一個壞主意工作。就拿這種情況下，例如：

<input type="text" placeholder="Type something here!"/>

如果用戶開始輸入，過程將是「你好，世界！」：

"Hype something here!" 
"Hepe something here!" ... 
"Hellosomething here!" ... 
"Hello world!ng here!"

這將是很好，如果你的佔位符幾乎看不出來，但在大多數情況下，這將僅僅是醜陋的，可能太混亂 - 用戶可能導致認爲他們必須鍵入正是我們把作爲佔位或者他們可能會嘗試，但沒有成功徹底清除輸入。

佔位符只是簡單地給文本輸入元素虛擬內容直到真實內容已被添加。

來源

2013-03-15 15:07:57

謝謝，我想補充一點，正確的事情來命名我想要做的是掩蓋輸入當我搜索它時，它給了我一個答案。感謝您的幫助。 – user2123665 2013-03-15 15:23:02

面膜文本輸入

回答

相關問題