Tag: 占位符

将jQuery占位符添加到动态创建的表单元素中: 有没有人成功地将IE8的jQuery占位符文本添加到动态创建的表单元素中。例如，我单击一个按钮，出现一个通过AJAX加载的表单，我需要使用占位符文本命中新表单。我尝试过使用jQuery .live，.bind，.on等…但是在创建新元素时都没有捕获它们。我也尝试将它放在一个点击function中，这样当他们点击按钮时，占位符function就被激活了。 $(‘input[placeholder]’).on(“focus”, function() { var input = $(this); if (input.val() == input.attr(‘placeholder’)) { input.val(”); input.removeClass(‘placeholder’); } }).blur(function() { var input = $(this); if (input.val() == ” || input.val() == input.attr(‘placeholder’)) { input.addClass(‘placeholder’); input.val(input.attr(‘placeholder’)); } }).blur().parents(‘form’).submit(function() { $(this).find(‘input[placeholder]’).each(function() { var input = $(this); if (input.val() == input.attr(‘placeholder’)) { input.val(”); } }) });

IE11 + jQuery 1.8.3：动态添加带占位符的textarea将文本设置为占位符: 这很可能是一个错误，但我在这里报告以供参考，并且有人能够提出解决方法的可能性很小。 IE 11在textarea元素上原生支持placeholder属性。那很棒。但是添加一个带占位符的新textarea到DOM，它会自动将占位符文本放入textarea的字段中！这是repro： http ： //jsfiddle.net/wE577/1/

IE中的占位符: 我正在使用这个脚本： http ： //www.morethannothing.co.uk/wp-content/uploads/2010/01/placeholder.js将一些占位符导入IE。对输入类型的文本和密码起作用。但是，似乎没有加载文本区域。有没有人知道我可以添加的一行代码，或者可能会执行一些jQuery或JavaScript来加载它。提前致谢。

在我的html网站的谷歌自定义搜索引擎中添加占位符到文本框: 我使用以下代码添加了Google自定义搜索引擎。 (function() { var cx = ‘005899633628958982661:wekn1lpckzg’; var gcse = document.createElement(‘script’); gcse.type = ‘text/javascript’; gcse.async = true; gcse.src = (document.location.protocol == ‘https:’ ? ‘https:’ : ‘http:’) + ‘//cse.google.com/cse.js?cx=’ + cx; var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(gcse, s); })(); 现在我的网站有一个可用的搜索框，唯一的问题是我无法在搜索文本框中使用占位符。我也尝试了代码 $(‘input.gsc-input’).attr(‘placeholder’, ‘custom text here’); 但它不起作用。

清除iOS5中的输入占位符: 我注意到在iOS5中，输入占位符文本在焦点上不会自动清除。我尝试了这个jquery函数，但它没有工作： $(‘input[type=”number”]’).focus(function(){ $(‘this’).attr(‘placeholder’,”); });

使用jquery添加类后，字体真棒图标字体作为输入中的占位符: 我正在尝试使用font-awesome图标作为搜索输入字段中的占位符。 Jsfiddle的例子我使用相应的html实体作为占位符，然后使用伪类来设置具有正确font-family的占位符（jsfiddle中的示例2）： HTML： CSS： .wrapper { font-family:’arial’, sans-serif; } input.icon { padding:5px; } input.icon::-webkit-input-placeholder { font-family:’FontAwesome’; } input.icon::-moz-placeholder { font-family:’FontAwesome’; } input.icon::-ms-input-placeholder { font-family:’FontAwesome’; } 它按预期工作。当我尝试通过jquery（jsfiddle中的示例1）添加输入类和占位符时，问题就开始了： JS： $(document).ready(function() { $(‘.wrapper input:first’).addClass(‘icon’); $(‘.wrapper input:first’).attr(“placeholder”, “”); }); 它不会将font-family应用于输入占位符，而只是显示实体文本。我试图混合各种东西，最后放弃。请帮忙！ Jsfiddle的例子 PS：添加的路由:before使用字体content :before输入css中的包装器对我的特定情况不起作用。

如果设置了jQuery，如何更改：-moz-placeholder颜色？: 我遇到了一个问题，如果输入字段的背景颜色发生变化，占位符颜色会混入太多。我已经解决了可读的文本颜色问题，因此它正确地返回正确的浅色或深色。我不能为我的生活弄清楚如何将CSS属性设置为特定输入框的计算颜色。请给一些指导？ input:-moz-placeholder { color: #BBBBBB; } input::-webkit-input-placeholder { color: #BBBBBB; } 返回的颜色是#222222但$(‘#input’).css()调用不起作用，因为它直接针对元素CSS，而不是元素。

清除表单输入并保留占位符: 我知道使用这个jQuery工具 $(‘.myDiv input’).each(function () { $(this).val(“”); }); 清除我的表单，但任何人都可以帮我提出一些建议如何保持输入的placeholders ？现在只有在我关注至少一个输入之后才会出现占位符。

JQuery占位符HTML5模拟器: 我一直在使用HTML 5占位符，只是意识到它不能在HTML5设备之外工作。正如您在下面的代码中看到的，占位符始终为小写，值始终为大写。 #maphead input::-webkit-input-placeholder { text-transform:lowercase; } #maphead input:-moz-placeholder { text-transform:lowercase; } 除了处理非HTML 5设备外，这一切都很好。为此，我使用了一个卑鄙的javascript。 function activatePlaceholders() { var detect = navigator.userAgent.toLowerCase(); if (detect.indexOf(“safari”) > 0) return false; var inputs = document.getElementsByTagName(“input”); for (var i=0;i 0 || value == placeholder) { inputs[i].value = placeholder; inputs[i].onclick = function() { if (this.value == this.getAttribute(“placeholder”)) { this.value […]

Jqueryvalidation与占位符Polyfill不兼容？: 我目前正在使用Mathias Bynens的Placeholder Polyfill和jquery.validate插件（v1.11.1），并且遇到了Internet Explorer 9令人沮丧的错误。如果我们的type=”password”字段定义了非空placeholder属性，则无法获得必要的字段validation。输入值并且占位符文本消失后，剩余的validation工作正常。可以在此处找到此代码的现场演示 JS $(‘input’).placeholder(); // init placeholder plugin signupFormValidator = $(‘form’).validate(); // init validation HTML