标签: placeholder

使用CSS更改HTML5输入的占位符颜色

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.

有没有办法改变占位符文本的颜色?

html css html5 placeholder html-input

3876
推荐指数
29
解决办法
171万
查看次数

如何为"选择"框创建占位符?

我正在使用占位符进行文本输入,这很好.但我也想为我的选择框使用占位符.当然我可以使用这段代码:

<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)

html css html-select placeholder

1426
推荐指数
29
解决办法
140万
查看次数

UITextView中的占位符

我的应用程序使用了UITextView.现在我希望UITextView有一个类似于你可以设置的占位符UITextField.

这该怎么做?

cocoa-touch objective-c placeholder uitextview ios

708
推荐指数
26
解决办法
36万
查看次数

Android将占位符文本添加到EditText

如何在不在XML中的类中添加占位符文本EditText

我的EditText代码中有以下内容,将在alertdialog中显示:

    final EditText name = new EditText(this);
Run Code Online (Sandbox Code Playgroud)

android placeholder

346
推荐指数
6
解决办法
29万
查看次数

文本视图占位符Swift

我正在创建一个使用文本视图的应用程序.现在我希望文本视图的占位符类似于您可以为文本字段设置的占位符.你会如何使用swift实现这一目标.

有谁知道如何做到这一点?

placeholder uitextview ios swift

297
推荐指数
15
解决办法
22万
查看次数

如何使用css或jquery在焦点上自动隐藏占位符文本?

Chrome之外,每个浏览器都会自动完成此操作.

我猜我必须专门针对Chrome.

有解决方案吗

如果没有CSS,那么使用jQuery

css jquery html5 google-chrome placeholder

199
推荐指数
11
解决办法
26万
查看次数

输入Internet Explorer的占位符

HTML5 placeholderinput元素上引入了属性,允许显示灰色的默认文本.

可悲的是,包括IE 9在内的Internet Explorer不支持它.

那里已经有一些占位符模拟器脚本了.它们通常通过将默认文本放入输入字段,将其设置为灰色并在您聚焦输入字段后再次将其删除来工作.

这种方法的缺点是占位符文本在输入字段中.从而:

  1. 脚本无法轻松检查输入字段是否为空
  2. 服务器端处理必须检查默认值,以便不将占位符插入数据库.

我想有一个解决方案,其中占位符文本不在输入本身.

html javascript internet-explorer placeholder

173
推荐指数
4
解决办法
24万
查看次数

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" 
                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)

forms jquery html5 textarea placeholder

164
推荐指数
4
解决办法
10万
查看次数

使用Panel或PlaceHolder

<asp:Panel ><asp:PlaceHolder >ASP.NET 之间有什么区别?

什么时候应该使用另一个?

asp.net panel placeholder

150
推荐指数
4
解决办法
12万
查看次数

你能在<textarea>中拥有多行HTML5占位符文本吗?

我在文本域中有鬼文本,当你使用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)

html forms html5 textarea placeholder

147
推荐指数
8
解决办法
10万
查看次数