是否有一个免费提供的jQuery插件可以改变placeholder行为以匹配HTML5规范?
聚焦之前
关注焦点(Safari)

焦点不好(Chrome,Firefox)

你可以用这个简单的小提琴你的浏览器做什么.
用户代理在向其删除换行符之后,当元素的值为空字符串和/或控件未聚焦时(例如,通过将其显示在空白的未聚焦控件内并以其他方式隐藏),应向用户显示此提示.
"/或"在当前草案中是新的,所以我想这就是为什么Chrome和Firefox还不支持它.请参阅WebKit错误#73629,Chromium bug#103025.
我正在研究响应式设计.我已经碰到了一堵墙,因为没有足够的空间放置一个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) 是否可以使用":: - webkit-input-placeholder"和jQuery为占位符文本设置颜色?
像这样的东西:
$("input::-webkit-input-placeholder").css({"color" : "#b2cde0"});
Run Code Online (Sandbox Code Playgroud) 所有人都喜欢
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) 我有一个表单,其中一些字段使用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"中修改"占位符"而不是"值")函数),但它无法正常工作,它将信息放在"值"属性而不是"占位符".
有谁知道解决这个问题的方法?
非常感谢你!
我有以下简单的输入.
<input type="text" placeholder="What is your username?" />
Run Code Online (Sandbox Code Playgroud)
当我text-transform: capitalize;用来大写每个单词的第一个字母时,占位符也会被大写:What Is Your Username?
如何保持占位符完整?
我想在java应用程序中的属性中动态替换占位符.喜欢
WelcomeMessage=Welcome Mr. {firstName} {lastName} !!!
Run Code Online (Sandbox Code Playgroud)
这些firstName和LastName变量需要动态替换.我们应该使用速度模板引擎吗?或者还有其他开源框架吗?
谢谢,Manish
当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文档中收到它一样?
按照这篇文章(样式文本输入占位符),我可以将文本输入占位符的颜色更改为红色.但它总是浅红色,而不是红色.
有没有办法让它完全变成红色?
更新
Chrome上的颜色是红色(这是正确的),Firefox上的颜色不是红色,它是浅红色或模糊的,我猜对了.

编辑(来自OP答案):
请查看此示例(http://jsfiddle.net/LQkQG/),Chrome上的颜色为红色,但light-red在Firefox上.我希望Firefox上的颜色与Chrome相同.
Div没有占位符属性
<div id="editable" contentEditable="true"></div>
Run Code Online (Sandbox Code Playgroud)
我想<Please your enter your Name>在DIV中显示当用户退格DIV中的整个文本,或者里面没有文字时,我该怎么办呢?
placeholder ×10
html ×4
input ×4
css ×2
jquery ×2
capitalize ×1
colors ×1
default ×1
focus ×1
html5 ×1
java ×1
knockout.js ×1
properties ×1
qstring ×1
qt ×1
safari ×1
textarea ×1