Questions tagged «placeholder»

HTML5占位符属性指定一个简短提示，用于描述输入字段的期望值（例如，样本值或期望格式的简短描述）。当提示为空时，提示显示在输入字段中；当焦点变为焦点时，提示消失。

30
使用CSS更改HTML5输入的占位符颜色
Chrome支持元素上的占位符属性input[type=text]（其他可能也支持）。 但是以下CSS内容对占位符的价值没有任何作用： input[placeholder], [placeholder], *[placeholder] { color: red !important; } <input type="text" placeholder="Value"> 运行代码段隐藏结果展开摘要 Value仍将保留grey而不是red。 有没有办法改变占位符文本的颜色？
30
如何为“选择”框创建占位符？
我正在使用占位符进行文本输入，效果很好。但是我也想为我的选择框使用一个占位符。当然，我可以使用以下代码： <select> <option value="">Select your option</option> <option value="hurr">Durr</option> </select> 但是“选择您的选项”是黑色而不是浅灰色。因此，我的解决方案可能基于CSS。jQuery也很好。 这只会使下拉菜单中的选项变为灰色（因此，单击箭头后）： option:first { color: #999; } 问题是：人们如何在选择框中创建占位符？但它已经得到回答，欢呼。 使用此方法会导致所选值始终为灰色（即使在选择实选项后）： select { color: #999; }
8
HTML5 textarea占位符未出现
我无法弄清楚我的标记出了什么问题，但是文本区域的占位符不会出现。好像它可能被一些空白和制表符遮盖了。当您将焦点放在文本区域并从光标所在的位置删除时，请离开文本区域，然后会出现适当的占位符。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> </head> <body> <form action="message.php" method="post" id="message_form"> <fieldset> <input type="email" name="email" id="email" title="Email address" maxlength="40" placeholder="Email Address" autocomplete="off" required /> <br /> <input type="text" name="subject" id="subject" title="Subject" maxlength="60" placeholder="Subject" autocomplete="off" required /> <br /> <textarea name="message" id="message" title="Message" cols="30" rows="5" maxlength="100" …
17
Internet Explorer的输入占位符
HTML5 placeholder在input元素上引入了属性，该属性允许显示灰色的默认文本。 遗憾的是，包括IE 9在内的Internet Explorer不支持它。 已经有一些占位符模拟器脚本了。它们通常通过将默认文本放入输入字段，使其为灰色，并在您聚焦输入字段后再次将其删除来工作。 这种方法的缺点是占位符文本在输入字段中。从而： 脚本无法轻松检查输入字段是否为空 服务器端处理必须对照默认值进行检查，以便不将占位符插入数据库中。 我想要一个解决方案，其中占位符文本不在输入中。
14
您可以在<textarea>中包含多行HTML5占位符文本吗？
我在文本字段中有幻影文本，当您使用HTML5的占位符属性关注它们时，它们会消失： &lt;input type="text" name="email" placeholder="Enter email"/&gt; 我想使用相同的机制在文本区域中使用多行占位符文本，也许是这样的： &lt;textarea name="story" placeholder="Enter story\n next line\n more"&gt;&lt;/textarea&gt; 但是那些\ns会显示在文本中并且不会引起换行符...有没有办法使用多行占位符？ 更新：我要使它起作用的唯一方法是利用 jQuery Watermark插件，该插件在占位符文本中接受HTML： $('.textarea_class').watermark('Enter story&lt;br/&gt; * newline', {fallback: false});
23
将占位符文本添加到文本框
我正在寻找一种将占位符文本添加到文本框的方法，就像使用html5中的文本框一样。 即，如果文本框没有文本，则添加文本Enter some text here，当用户单击它时，占位符文本消失并允许用户输入自己的文本，如果文本框失去焦点并且仍然没有文本，则占位符为添加回文本框。
147 c#  wpf  placeholder 
11
IE9中的占位符
看来这是一个众所周知的问题，但是我在Google上找到的所有解决方案都不适用于我新下载的IE9。 您最喜欢哪种方式启用and 标签Placeholder上的属性？inputtextarea 可选：我为此花了很多时间，而且还没有去寻找required房产。您对此还有意见吗？显然，我可以在PHP中检查该值，但是对于帮助用户使用此属性非常方便。
14
如何在IE8和9中支持占位符属性
我有一个小问题，placeholderIE 8-9不支持输入框的属性。 在我的项目（ASP Net）中获得这种支持的最佳方法是什么。我正在使用jQuery。我需要使用其他一些外部工具吗？ 是http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html好的解决办法？
30
未显示输入类型=“日期”字段的占位符
我正在做一个phonegap应用。当我尝试type="date"如下所示的输入字段时，它按预期显示了iPhone中的日期选择器，但没有显示我给定的占位符。我在SO中发现了相同的问题，但没有解决方案。 &lt;input placeholder="Date" class="textbox-n" type="date" id="date"&gt;
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.