2017-06-01 112 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 ....谢谢你让我尝试这种方法以及:) –

相关问题