天道酬勤,学无止境

placeholder

如果用户选择输入文本并且输入值为空字符串,我可以保留占位符吗?(Can I preserve placeholder if the user select the input text, and the input value is empty string?)

问题 输入可以设置占位符,但是如果用户专注于该输入,占位符就会消失,我该如何关闭占位符,使用用户开始输入少于一个字符? 谢谢你。 回答1 不是默认行为。 但是,您可以通过在混合中添加一些 JS 来做到这一点 现场小提琴:http://jsfiddle.net/jomanlk/gPBhX/ <input type='text' class='placeholder' data-title='hello'> $('.placeholder').each(function(){ $(this).data('placeholder', $(this).attr('data-title')); $(this).val($(this).attr('data-title')); }); $('.placeholder').live('keydown', function(){ if ($(this).val() == $(this).data('placeholder')) { $(this).val(''); } }); $('.placeholder').live('blur', function(){ if ($(this).val().trim() == '') { $(this).val($(this).data('placeholder')); } }); 注意:有一个限制

2022-01-16 06:40:51    分类:技术分享    javascript   jquery   css   placeholder

HTML5 占位符属性:Chrome 不在 textareas 中换行(HTML5 placeholder attribute: Chrome doesn't line-wrap in textareas)

问题 我正在尝试使用这些新奇的 HTML5 表单属性,并且 placeholder 属性似乎是一个很好的匹配来获得魔法。 它工作得很好,但如果 textarea 太小,Chrome 坚持将整个占位符文本显示在一行上。 其他浏览器,如 Firefox 或 rekonq(我可以使用的 ATM 中唯一的其他 WebKit 浏览器)对文本进行换行。 虽然规范谈到在占位符属性中禁止换行,但它并没有说反对换行。 这只是由实现者决定的事情,是 Chrome 的错误,还是其他浏览器弄错了? 而且,当然最重要的是,是否有解决方法? 回答1 我已将此提交为 webkit 错误 下次随意做同样的事情。 :) 至于解决方法,您可以尝试一下并强制它以某种方式在 webkit 中进行功能检测失败。

2022-01-14 18:59:01    分类:技术分享    html   google-chrome   placeholder

Can I preserve placeholder if the user select the input text, and the input value is empty string?

The input can set the placeholder, but if the user focus on that input , the place holder is disappear, how can I dismiss the placeholder, util the user start type at less one char?? Thank you.

2022-01-14 01:28:59    分类:问答    javascript   jquery   css   placeholder

HTML5 placeholder attribute: Chrome doesn't line-wrap in textareas

I'm trying to use a couple of these newfangled HTML5 form attributes, and the placeholder attribute seemed to be a good match to get the magic going. It works pretty good, but Chrome insists to present the whole placeholder text on one line if the textarea is to small. Other browsers like Firefox or rekonq (the only other WebKit browser that I have at my disposal ATM) line-wrap the text. While the spec talks about linefeeds being forbidden in the placeholder attribute, it says nothing against line wrapping. Is this just something that is for the implementor to decide, is it a Chrome bug, or

2022-01-13 07:45:03    分类:问答    html   google-chrome   placeholder

clearing input placeholder in iOS5

I noticed that in iOS5, input placeholder text doesn't clear automatically on focus. I tried this jquery function but it's not working: $('input[type="number"]').focus(function(){ $('this').attr('placeholder',''); });

2022-01-13 02:24:10    分类:问答    jquery   ios5   placeholder

在降价文本中替换占位符(变量)的最简单方法?(Easiest way to replace placeholders (variables) in markdown text?)

问题 我需要一种开放格式以通用方式(使用占位符/变量)编写故事。 为了使故事具体案例,我想设置一个键/值对列表并在发布时应用它们。 我还想将样式与内容分开,以便我可以轻松地发布到 web、pdf 等。 示例: @varname@ is a great place. 我选择 Markdown 来解决内容/样式分离,但我不知道一种简单的方法来参数化文本的某些部分并在使用 pandoc 等工具生成 html/pdf 输出时填充它们。 有什么建议? 这可以通过降价完成还是有合适的降价扩展? 回答1 就个人而言,我会使用类似sed ,甚至是funnelweb ,但是您可以使用 pandoc 过滤器来完成,无论是在 haskell 中还是(可能更容易)使用此处提供的pandocfilters python 库 回答2 对于网络,您可以将 Jekyll 模板与 Liquid 结合使用。 用双括号{{}}括起来的复杂表达式在转换为 HTML 时会被解释。 示例(来自链接): {{ site.time | date_to_string }} 2008 年 11 月 7 日 我认为也可以定义自定义变量。 回答3 Pandoc 的 Markdown 允许嵌入原始 LaTeX 甚至替换简单的定义,这可以使用 Lua 过滤器来利用。 例如; \def\varname{Berlin} \varname is

2022-01-12 15:30:57    分类:技术分享    markdown   placeholder   pandoc

HTML 中的占位符与数据占位符(placeholder vs. data-placeholder, in HTML)

问题 两者有什么区别? 占位符与数据占位符? 它们似乎都产生了相同的结果。 <select data-placeholder="Enter name"> <select placeholder="Enter name"> 有什么不同? (谁更强?) 回答1 属性placeholder是一个标准的HTML5属性和data-placeholder仅仅是data-通过一些JavaScript插件使用HTML5属性。 如果没有外部 js 插件, data-placeholder什么都不做,而placeholder只需要在客户端浏览器上支持 HTML5。 回答2 他们不可能产生相同的结果。 placeholder是 HTML5 规范的一部分,用于在输入任何内容之前在字段中显示占位符文本,而data-*只是附加到元素的通用数据。 您可能在使用data-placeholder的页面上有一些 JavaScript polyfill 或其他东西。

2022-01-11 21:44:30    分类:技术分享    html   placeholder

Does using a placeholder as a label comply with WCAG 2?

I get that using placeholder text as a label is not very accessible, but does it technically go against WCAG 2? I could not find anything explicit but I wonder if a more lawyerly reading of that standard would find something in there.

2022-01-11 18:41:07    分类:问答    accessibility   placeholder   wcag   section508   wcag2.0

Easiest way to replace placeholders (variables) in markdown text?

I have need for an open format to write stories in a generic way (with placeholder/variables). To make the stories case specific I would like to set a list of key/value pairs and apply them when publishing. I also want to separate styling from content so I can easily publish to web, pdf etc. Example: @varname@ is a great place. I chose Markdown to solve the content/styling separation but I do not know an easy way to parameterize certain parts of the text and have them filled in when I generate the html/pdf outputs with a tool like pandoc. Any suggestions? Can this be done with markdown or is

2022-01-09 02:20:03    分类:问答    markdown   placeholder   pandoc

placeholder vs. data-placeholder, in HTML

What's the difference between the two? placeholder vs. data-placeholder? They both seem to produce the same results. <select data-placeholder="Enter name"> <select placeholder="Enter name"> What's the difference? (Which one's stronger?)

2022-01-08 05:56:08    分类:问答    html   placeholder