标签: placeholder

HTML5占位符在焦点上消失

是否有一个免费提供的jQuery插件可以改变placeholder行为以匹配HTML5规范?

聚焦之前
镀铬未聚焦的占位符

关注焦点(Safari)
野生动物园聚焦占位符

焦点不好(Chrome,Firefox)
镀铬聚焦占位符

你可以用这个简单的小提琴你的浏览器做什么.

HTML5草案规范说:

用户代理在向其删除换行符之后,当元素的值为空字符串和/或控件未聚焦时(例如,通过将其显示在空白的未聚焦控件内并以其他方式隐藏),应向用户显示此提示.

"/或"在当前草案中是新的,所以我想这就是为什么Chrome和Firefox还不支持它.请参阅WebKit错误#73629,Chromium bug#103025.

safari html5 focus placeholder jquery-plugins

27
推荐指数
1
解决办法
3万
查看次数

根据分辨率(媒体查询)交换占位符文本

我正在研究响应式设计.我已经碰到了一堵墙,因为没有足够的空间放置一个input盒子而且它就是这样label.所以我决定将标签隐藏在较小的屏幕尺寸上.

目前它有占位符文本your email里面,但我想只有在屏幕上小于400(所以到399px宽)的不同的占位符Join our newsletter.

我认为需要有一些JS来执行此操作,而不是使用CSS.

基本上:如果屏幕尺寸小于400:占位符文本=加入我们的新闻通讯

else:占位符文本=您的电子邮件.

这是我的HTML:

<div id="mc_embed_signup">
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Your Email">
</div>
Run Code Online (Sandbox Code Playgroud)

html jquery placeholder responsive-design

26
推荐指数
3
解决办法
2万
查看次数

jQuery更改占位符文本颜色

是否可以使用":: - webkit-input-placeholder"和jQuery为占位符文本设置颜色?

像这样的东西:

$("input::-webkit-input-placeholder").css({"color" : "#b2cde0"});
Run Code Online (Sandbox Code Playgroud)

jquery input colors placeholder

25
推荐指数
1
解决办法
4万
查看次数

如何在QString :: arg()的参数中处理"%1"?

所有人都喜欢

QString("Put something here %1 and here %2")
    .arg(replacement1)
    .arg(replacement2);
Run Code Online (Sandbox Code Playgroud)

但是只要你有最微小的机会replacement1实际包含%1甚至是%2任何地方,事情就会变得痒痒.然后,第二个QString::arg()将仅替换重新引入%1或两个%2事件.无论如何,你不会得到"%1"你可能想要的文字.

是否有任何标准技巧可以克服这个问题?

如果你需要一个例子来玩,请拿这个

#include <QCoreApplication>
#include <QDebug>

int main()
{
    qDebug() << QString("%1-%2").arg("%1").arg("foo");
    return 0;
}
Run Code Online (Sandbox Code Playgroud)

这将输出

"foo-%2"
Run Code Online (Sandbox Code Playgroud)

代替

"%1-foo"
Run Code Online (Sandbox Code Playgroud)

可能是预期的(不是).

    qDebug() << QString("%1-%2").arg("%2").arg("foo");
Run Code Online (Sandbox Code Playgroud)

"foo-foo"
Run Code Online (Sandbox Code Playgroud)

    qDebug() << QString("%1-%2").arg("%3").arg("foo");
Run Code Online (Sandbox Code Playgroud)

"%3-foo"
Run Code Online (Sandbox Code Playgroud)

qstring qt placeholder string-formatting

24
推荐指数
2
解决办法
6万
查看次数

使用knockout更新"placeholder"属性

我有一个表单,其中一些字段使用knockout.js(版本2.1.0)获取一些数据.例如,要更新我输入的输入的"值"字段:

<input type="text"  name="contrasena" id="login-user" value="" placeholder="" data-bind="value: user">
Run Code Online (Sandbox Code Playgroud)

我有一个JSON来存储我想用于"pass"关键字的值,它可以正常工作.

我尝试使用相同的方法设置"占位符"属性,但它不起作用:

<input type="text"  name="contrasena" id="login-user" placeholder="" data-bind="placeholder: user">
Run Code Online (Sandbox Code Playgroud)

我试图修改knockout.js文件,添加"ko.bindingHandlers ['placeholder']"函数,基于"ko.bindingHandlers ['value']"(在"ko.jsonExpressionRewriting.writeValueToProperty"中修改"占位符"而不是"值")函数),但它无法正常工作,它将信息放在"值"属性而不是"占位符".

有谁知道解决这个问题的方法?

非常感谢你!

placeholder knockout.js

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

text-transform:capitalize; 也会影响占位符

我有以下简单的输入.

<input type="text" placeholder="What is your username?" />
Run Code Online (Sandbox Code Playgroud)

当我text-transform: capitalize;用来大写每个单词的第一个字母时,占位符也会被大写:What Is Your Username?

如何保持占位符完整?

html css input placeholder capitalize

24
推荐指数
1
解决办法
9257
查看次数

java中属性中的动态占位符替换

我想在java应用程序中的属性中动态替换占位符.喜欢

 WelcomeMessage=Welcome Mr. {firstName} {lastName} !!!
Run Code Online (Sandbox Code Playgroud)

这些firstName和LastName变量需要动态替换.我们应该使用速度模板引擎吗?或者还有其他开源框架吗?

谢谢,Manish

java properties placeholder

23
推荐指数
4
解决办法
5万
查看次数

设置HTML文本输入框的"默认"值.单击ESC时还原该值

当Web表单写入浏览器时,浏览器会记住文本INPUT框的初始值.即.当它像这样接收HTML时:

<input type="text" value="something">
Run Code Online (Sandbox Code Playgroud)

浏览器会记住"某事"作为初始/默认值.当用户开始在其上键入时,然后点击ESC,浏览器将该字段恢复为初始值(如果当前最初为空,则为空白).

但是,在以编程方式创建文本输入框时,按ESC键似乎总是空白,即使我使用默认值创建它,如下所示:

$('<input type="text" value="something">')
Run Code Online (Sandbox Code Playgroud)

浏览器不会将此计为默认值,并且在按ESC时不会恢复为默认值.所以我的问题是,有没有办法在代码中创建一个文本框,并以某种方式为其分配一个默认值,所以ESC键的工作方式就像浏览器在HTML文档中收到它一样?

html default input placeholder

23
推荐指数
2
解决办法
18万
查看次数

将输入占位符颜色更改为更暗

按照这篇文章(样式文本输入占位符),我可以将文本输入占位符的颜色更改为红色.但它总是浅红色,而不是红色.

有没有办法让它完全变成红色?

更新

Chrome上的颜色是红色(这是正确的),Firefox上的颜色不是红色,它是浅红色或模糊的,我猜对了.

http://i279.photobucket.com/albums/kk132/svincoll4/2013-03-19_181239_zps84166305.png


编辑(来自OP答案):

请查看此示例(http://jsfiddle.net/LQkQG/),Chrome上的颜色为红色,但light-red在Firefox上.我希望Firefox上的颜色与Chrome相同.

css textarea input placeholder

23
推荐指数
2
解决办法
6万
查看次数

如何为像文本字段一样的DIV创建"占位符"?

Div没有占位符属性

<div id="editable" contentEditable="true"></div>
Run Code Online (Sandbox Code Playgroud)

我想<Please your enter your Name>在DIV中显示当用户退格DIV中的整个文本,或者里面没有文字时,我该怎么办呢?

html placeholder

22
推荐指数
3
解决办法
2万
查看次数