Chrome支持占位符属性的input[type=text]
元素(别人可能做太多).
但以下CSS
内容对占位符的值没有任何作用:
input[placeholder], [placeholder], *[placeholder] {
color: red !important;
}
Run Code Online (Sandbox Code Playgroud)
<input type="text" placeholder="Value">
Run Code Online (Sandbox Code Playgroud)
Value
仍然会留下grey
而不是red
.
有没有办法改变占位符文本的颜色?
我正在使用占位符进行文本输入,这很好.但我也想为我的选择框使用占位符.当然我可以使用这段代码:
<select>
<option value="">Select your option</option>
<option value="hurr">Durr</option>
</select>
Run Code Online (Sandbox Code Playgroud)
但是"选择你的选项"是黑色而不是光线.所以我的解决方案可能是基于CSS的.jQuery也很好.
这只会使下拉列表中的选项变为灰色(因此点击箭头后):
option:first {
color: #999;
}
Run Code Online (Sandbox Code Playgroud)
编辑:问题是:人们如何在选择框中创建占位符?但它已经得到了回答,欢呼.
使用此选项会导致所选值始终为灰色(即使选择了实际选项后):
select {
color: #999;
}
Run Code Online (Sandbox Code Playgroud) 我的应用程序使用了UITextView
.现在我希望UITextView
有一个类似于你可以设置的占位符UITextField
.
这该怎么做?
如何在不在XML中的类中添加占位符文本EditText
?
我的EditText
代码中有以下内容,将在alertdialog中显示:
final EditText name = new EditText(this);
Run Code Online (Sandbox Code Playgroud) 我正在创建一个使用文本视图的应用程序.现在我希望文本视图的占位符类似于您可以为文本字段设置的占位符.你会如何使用swift实现这一目标.
有谁知道如何做到这一点?
除Chrome之外,每个浏览器都会自动完成此操作.
我猜我必须专门针对Chrome.
有解决方案吗
如果没有CSS,那么使用jQuery?
HTML5 placeholder
在input
元素上引入了属性,允许显示灰色的默认文本.
可悲的是,包括IE 9在内的Internet Explorer不支持它.
那里已经有一些占位符模拟器脚本了.它们通常通过将默认文本放入输入字段,将其设置为灰色并在您聚焦输入字段后再次将其删除来工作.
这种方法的缺点是占位符文本在输入字段中.从而:
我想有一个解决方案,其中占位符文本不在输入本身.
我无法弄清楚我的标记有什么问题,但文本区域的占位符不会出现.好像它可能被一些空格和标签覆盖.当您专注于文本区域并从光标放置的位置删除时,然后离开文本区域,然后会出现正确的占位符.
<!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"
placeholder="Message" required>
</textarea>
<br />
<input type="submit" value="Send" id="submit"/>
</fieldset>
</form>
</body>
<script>
$(document).ready(function() {
$('#message_form').html5form({
allBrowsers : true,
responseDiv : '#response',
messages: 'en',
messages: 'es',
method : 'GET',
colorOn …
Run Code Online (Sandbox Code Playgroud) <asp:Panel >
和<asp:PlaceHolder >
ASP.NET 之间有什么区别?
什么时候应该使用另一个?
我在文本域中有鬼文本,当你使用HTML5的占位符属性关注它们时会消失:
<input type="text" name="email" placeholder="Enter email"/>
Run Code Online (Sandbox Code Playgroud)
我想使用相同的机制在textarea中包含多行占位符文本,可能是这样的:
<textarea name="story" placeholder="Enter story\n next line\n more"></textarea>
Run Code Online (Sandbox Code Playgroud)
但是那些\n
出现在文本中并且不会引起换行...有没有办法让多行占位符?
更新:我使用它的唯一方法是使用 jQuery Watermark插件,该插件在占位符文本中接受HTML:
$('.textarea_class').watermark('Enter story<br/> * newline', {fallback: false});
Run Code Online (Sandbox Code Playgroud) placeholder ×10
html ×4
html5 ×4
css ×3
forms ×2
ios ×2
jquery ×2
textarea ×2
uitextview ×2
android ×1
asp.net ×1
cocoa-touch ×1
html-input ×1
html-select ×1
javascript ×1
objective-c ×1
panel ×1
swift ×1