jQuery的輸入掩碼保持佔位符文本

我使用jquery.inputmask（https://github.com/RobinHerbots/jquery.inputmask），我想要做這樣的事情：jQuery的輸入掩碼保持佔位符文本

有一個元素初始輸入是：「你好，我的名字，確保對方」，然後將光標將在最後開始，你可以輸入你的名字。現在，我可以做這樣的事情是：

element.inputmask("Hello my name is",{ "placeholder": "Hello my name is" });

但是當你輸入時，將刪除佔位符文本。有沒有辦法保留佔位符文本並在最後添加用戶輸入？

來源

2015-07-20 stytown

而不是在這裏使用輸入掩碼，您可以將'label'和'input'元素設置爲相同的樣式......除非您希望用戶能夠修改「Hello my name is ...」部分？ –

正如我在你的貼子發表評論所述，而不是在這裏使用輸入掩碼，你可以將label和input元素設置爲看起來完全相同。

這是不完美的（因爲我沒有照顧outline或（inline-block元素之間的差距這是一個不同的問題，回答了無數次）），但這裏有一個例子：

label, input { 
 
    border: 1px solid #000; 
 
    display: inline-block; 
 
    font-family: sans-serif; 
 
    height: 24px; 
 
    line-height: 24px; 
 
    margin: 0; 
 
    padding: 4px; 
 
    vertical-align: top; 
 
} 
 

 
input { 
 
    border-left: none; 
 
    margin-left: -1px; 
 
} 
 

 
label { 
 
    border-right: none; 
 
}

<label>Hello, my name is</label><input type="text" placeholder="..." />

來源

2015-07-20 19:40:04

<input value="your name is " onfocus="this.style.color='#000'" 
 
     style="color:#aaa" onblur="this.style.color='#aaa'">

來源

2015-07-20 19:41:10 vinayakj

jQuery的輸入掩碼保持佔位符文本

回答

相關問題