2017-06-01 54 views
0

我想樣式佔位符以這樣一種方式,它應該打破行是這樣的:結束語在新行佔位符文本輸入字段

Hello 
John Doe 

<input type="text" placeholder="Hello John Doe" class="input_style"> 

試了很多解決方案。不工作。我知道這可以通過textarea實現,我也不想使用bootstrap。但我想專門使用輸入字段,CSS或一些jQuery或JavaScript來做到這一點。幫助將不勝感激。

+1

在'input [type =「text」]'中不能有2行文字。你可以編寫自己的佔位符庫,它可以在textarea中放置兩行文本。 https://codepen.io/mcoker/pen/NgKjQm如果這可行,我可以提交作爲答案 –

+0

@MichaelCoker非常感謝你的筆。但我只想嘗試'input [type =「text」]' –

+0

YOu是受歡迎的,但是你不能在文本輸入中放置兩行文字... –

回答

0

不幸的是,這是不可能的AFAIK。從規範https://www.w3.org/TR/html5/forms.html#the-placeholder-attribute

placeholder屬性表示短提示旨在幫助與數據輸入的用戶當控制沒有值(一個詞或短語)。提示可以是樣本值或預期格式的簡要描述。該屬性(如果指定)必須具有不包含「LF」(U + 000A)或「CR」(U + 000D)字符的值。

+0

是他們的任何其他方式?我已閱讀此規格。我的意思是某種黑客?與腳本我的意思是一些其他的方法? –

+1

我的意思是,你可以使輸入變大,使用帶有佔位符的文本定位節點,並使用一些JS來隱藏文本,當字段有焦點或有數據在其中時.... – Jeremy

+0

okie ....謝謝你讓我嘗試這種方法以及:) –

相關問題