标签: placeholder

我在SO上看过类似的问题,包括这个问题,这个问题已经过时了.我阅读并关注了链接,但目前还不清楚今天是否有适当的解决方案.

我的底层问题是我placeholder="..."在输入字段上使用HTML .通过自动聚焦在第一个字段上,其占位符对用户不再可见.

编辑

这是我的HTML代码:

<div id='LOGIN_FORM' title="Login">
    <form action="">
        <input type="text" name="login_id" required="required"
                           placeholder="Enter user ID" /><br />
        <input type="password" name="login_pwd" required="required"
                           placeholder="Enter password" /><br />
    </form>
</div>

这是我的JS代码:

$("#login").click(function() { 
    $("#LOGIN_FORM").dialog({ modal: true }, { buttons: [
    {
            text: "Ok",
            click: function() { $(this).dialog("close"); }
        }
    ] });
});

我创建了这个简单的函数,在不支持它的浏览器中添加占位符:

DEMO

问题是:当用户在其中单击时,如何添加该功能以删除占位符？

输入字段是否可以有一个字体系列和它的占位符？

我试图在CSS中使用已定义的@ font-face更改输入占位符的font-family,但它不起作用

CSS

.mainLoginInput::-webkit-input-placeholder { 
  font-family: 'myFont', Arial, Helvetica, sans-serif;
}

.mainLoginInput:-moz-placeholder { 
  font-family: 'myFont', Arial, Helvetica, sans-serif;
}

HTML

<input class="mainLoginInput" type="text" placeholder="Username"  />

我该如何解决这个问题？

这是我的代码:

模型:

[Required]
[DataType(DataType.Text)]
[Display(Name = "Your company's name")]
public string CompanyName { get; set; }

视图:

@Html.TextBoxFor(m => m.CompanyName, new { @class = "account-input", @placeholder = @Html.DisplayNameFor(m => m.CompanyName), @id = "companyname" })

它将呈现如下:

贵公司的名字

html输出:

<input class="account-input" data-val="true" data-val-required="The Your company's name field is required." id="companyname" name="CompanyName" placeholder="Your company&amp;#39;s name" type="text" value="">

它应该是这样的:

你公司的名字

为什么文本无法正确呈现,我该如何防止这种情况？

我已经尝试过了:

@Html.TextBoxFor(m => m.CompanyName, new { @class = "account-input", @placeholder = @Html.Raw(@Html.DisplayNameFor(m => m.CompanyName)), @id = "companyname" })

还有这个

@Html.TextBoxFor(m => m.CompanyName, new …

我想在我的应用程序中使用占位符而不是标签.我使用的是simple_form和Rails(3.2.14).如何在simple_form配置文件中指定使用占位符而不是标签.

在Initializers中有一个文件simple_form.rb即

# Use this setup block to configure all options available in SimpleForm.
SimpleForm.setup do |config|
  # Wrappers are used by the form builder to generate a
  # complete input. You can remove any component from the
  # wrapper, change the order or even add your own to the
  # stack. The options given below are used to wrap the
  # whole input.
  config.wrappers :default, :class => :input, :hint_class => :field_with_hint, :error_class => :field_with_errors do |b|
    ## Extensions enabled …

我想知道,有没有办法将文本放入输入字段？我现在得到的是一个占位符,但这实际上是一个空的输入字段.所以这不是我想要的.我正在寻找一个实际填入输入字段的(种)占位符,所以不是"背景文本"

这是占位符:

这就是我想要的:

有没有办法做到这一点？

提前致谢!

可能重复:
使用CSS更改输入的HTML5占位符颜色

例如,我有这个:

<input type='search' placeholder='Search' name='q' />

如何用CSS设置占位符的样式？默认情况下它是灰色的,但我希望它是黑色的.我必须使用JavaScript吗？

我想在输入占位符中添加一个图像图标,如下图所示:

请注意,这是占位符,因此当用户开始输入时,图标也会消失.

我使用::-webkit-input-placeholder和来自webkit(Safari + Chrome)的以下解决方案::before.不幸的是,对mozilla的简单应用似乎不起作用.

所以我的问题是:是否有一个跨浏览器解决方案将图像图标添加到输入占位符？

webkit的解决方案:

#myinput::-webkit-input-placeholder::before { 
    content: ' ';
    position: absolute;
    top: 2px; /* adjust icon position */
    left: 0px;
    width: 14px; /* size of a single icon */
    height: 14px;
    background-image: url("/path/to/icons.png"); /* all icons in a single file */
    background-repeat: no-repeat;
    background-position: -48px 0px; /* position of the right icon */
}

你能帮我么.

在UITextField我们提供了一个占位符的文本,当我们输入任何字符的字符串占位符将会消失.我怎样才能实现只输入的字符不会是一个完整的字符串？这意味着如果我键入3个字符,只占位符的前3个字符将消失.

#EDIT 1

此外,新输入的字符文本颜色将更改,其他剩余字符文本颜色保持不变.

提前致谢.

我创建了一个JTextField,现在我想在JTextField上设置占位符我不知道如何在JTextField上设置占位符？请帮助如何在JTextField上设置占位符文本

JTextField database=new JTextField("Enter Data Base Name");
database.setPreferredSize(database.getPreferredSize());
database.setText("");

这是我的代码到文本字段现在在该代码中我想设置占位符如何在该JTextField上设置占位符