草庐IT

Placeholder

全部标签

html - 文本字段标记占位符作为值返回

我有一个表单,表单内有一个text_field_tag。是这样写的...'Entersearchterm...'%>但是,当生成HTML时,它会在页面源代码中返回...为什么要这样做,我该如何修复它以便占位符起作用? 最佳答案 text_field_tag的第二个参数是值。给它nil让它为空:'Entersearchterm...'%>然后给它一个字符串让它有一个默认值:添加一个onclick事件以使用jQuery清空它:'if($(this).val()=="Entersearchterm..."){$(this).val("")

html - 文本输入占位符在 IE 和 Firefox 中不显示

我的文本输入占位符拒绝在IE和Firefox中显示,尽管使用了-moz-placeholder属性。这个可以查看onthecontactpagehere如果您使用的是Firefox或IE。谁能帮我解决这个问题好几个星期了。我的代码示例如下:input::-moz-placeholder,textarea::-moz-placeholder{color:#aaa;font-size:18px;}input:-ms-input-placeholder,textarea::-ms-input-placeholder{color:#aaa;font-size:18px;}input::-web

html - 文本输入占位符在 IE 和 Firefox 中不显示

我的文本输入占位符拒绝在IE和Firefox中显示,尽管使用了-moz-placeholder属性。这个可以查看onthecontactpagehere如果您使用的是Firefox或IE。谁能帮我解决这个问题好几个星期了。我的代码示例如下:input::-moz-placeholder,textarea::-moz-placeholder{color:#aaa;font-size:18px;}input:-ms-input-placeholder,textarea::-ms-input-placeholder{color:#aaa;font-size:18px;}input::-web

css - 占位符字体大小大于 16px

我已经阅读了几篇关于在HTML5中使用::-webkit-input-placeholder设置输入字段占位符样式的文章。它工作完美,除了一件事。如果我尝试将字体大小增加到高于16px的值,文本会在底部被“剪切”。无论输入本身的高度和填充如何,都会发生这种情况。有谁知道使用纯CSS或javascript来避免这个问题的方法吗?我添加了两个输入字段的屏幕截图,其中占位符的字体大小为20pxJsfiddle:https://jsfiddle.net/bvwdg86x/ 最佳答案 输入及其占位符必须具有匹配的字体样式input{displ

css - 占位符字体大小大于 16px

我已经阅读了几篇关于在HTML5中使用::-webkit-input-placeholder设置输入字段占位符样式的文章。它工作完美,除了一件事。如果我尝试将字体大小增加到高于16px的值,文本会在底部被“剪切”。无论输入本身的高度和填充如何,都会发生这种情况。有谁知道使用纯CSS或javascript来避免这个问题的方法吗?我添加了两个输入字段的屏幕截图,其中占位符的字体大小为20pxJsfiddle:https://jsfiddle.net/bvwdg86x/ 最佳答案 输入及其占位符必须具有匹配的字体样式input{displ

html - 用CSS隐藏占位符

我正在使用响应式主题。我在这里面临输入表单问题。在桌面View中,输入将没有占位符但有标签。但是,当涉及到移动View时,我将隐藏此输入标签并将此标签更改为占位符。我真正的问题在这里很简单。如何用CSS隐藏这个占位符?提前致谢! 最佳答案 这将仅隐藏桌面(和大型平板电脑)的占位符:@media(min-width:1025px)and(min-width:1281px){::-webkit-input-placeholder{/*WebKitbrowsers*/color:transparent;}:-moz-placeholder

html - 用CSS隐藏占位符

我正在使用响应式主题。我在这里面临输入表单问题。在桌面View中,输入将没有占位符但有标签。但是,当涉及到移动View时,我将隐藏此输入标签并将此标签更改为占位符。我真正的问题在这里很简单。如何用CSS隐藏这个占位符?提前致谢! 最佳答案 这将仅隐藏桌面(和大型平板电脑)的占位符:@media(min-width:1025px)and(min-width:1281px){::-webkit-input-placeholder{/*WebKitbrowsers*/color:transparent;}:-moz-placeholder

jquery - 使用 Javascript 动态更改 HTML5 输入元素的 "placeholder"属性

我正在尝试使用jQuery动态更新文本字段的HTML5placeholder属性。$("textarea").attr("placeholder","Newplaceholdertext");从Firebug中,我可以观察到placeholder属性确实发生了变化。但在呈现的textarea元素中,它保持不变。有什么建议吗? 最佳答案 试试这个:$('#inputTextID').attr("placeholder","placeholdertext"); 关于jquery-使用Java

jquery - 使用 Javascript 动态更改 HTML5 输入元素的 "placeholder"属性

我正在尝试使用jQuery动态更新文本字段的HTML5placeholder属性。$("textarea").attr("placeholder","Newplaceholdertext");从Firebug中,我可以观察到placeholder属性确实发生了变化。但在呈现的textarea元素中,它保持不变。有什么建议吗? 最佳答案 试试这个:$('#inputTextID').attr("placeholder","placeholdertext"); 关于jquery-使用Java

css - 如何设置输入宽度以匹配占位符文本宽度

示例http://dabblet.com/gist/5859946如果您有一个长占位符,默认情况下输入显示的宽度不足以显示所有占位符文本。例如不设置固定宽度,最好不用javascript,能不能设置input显示所有的placeholder文本? 最佳答案 这只能通过javascript设置大小=占位符长度来完成:input.setAttribute('size',input.getAttribute('placeholder').length);这是一个为所有输入分配的代码:http://jsfiddle.net/KU5kN/