草庐IT

占位符

全部标签

javascript - 如何使用 Javascript 更新占位符颜色?

我在网上搜索,但没有找到任何东西。我正在尝试使用javascript更新文本框的占位符颜色,但我该怎么做?我有一个颜色选择器,颜色正在改变。如果我的CSS中有这样的内容,我该如何更新它?::placeholder{color:red;}是否有javascript命令来编辑它?有点像document.getElementById('text').style.placeholderColor=newColor; 最佳答案 使用CSS变量。您也可以只定位需要的元素functionupdate(){document.querySelecto

javascript - `select` 标签的占位符?

我想知道如何用select标签实现placeholder效果,如果有默认选择的选项就好了,比如“请选择一个选项”:".我已经尝试了一些变体,但到目前为止它们都没有用,我确信它可以实现,因为我在某个地方看到过它(不记得在哪里)。我试过这个:1)SomeSlowerSlowFastFaster2)SomeSlowerSlowFastFaster两者都不起作用,也许有一个jQuery方法可以做到这一点?快速编辑:我不想只禁用其中一个选项并使其选中,因为它仍会显示在下拉列表中其他元素。 最佳答案 这里有两种类型的占位符,可重新选择和隐藏:演

html - 如何垂直对齐 textarea 中的占位符文本?

我正在尝试垂直对齐textarea(文本框)中的占位符文本。我正在使用textarea而不是文本输入,因为我需要使用多行。.textbox1{width:440px;} 最佳答案 一种选择是使用line-height:.textbox1{width:440px;height:30px;line-height:30px;}.textbox1{width:440px;height:30px;line-height:30px;}您还可以使用padding来控制文本的位置。这是一个使用padding-top的例子.textbox1{widt

asp.net - 将 HTML5 占位符文本添加到文本框 .net

我有一个标准输入:我希望使用动态HTML5占位符进行渲染。像这样的东西:'CodeBehindtxtSearchTerm.**placeholder**="Search"+Site.Name因此它输出以下HTML:其中Site.Name="Site#1"。txtSearchTerm.placeholder不是属性。我将它设置为文本,然后运行​​javascript以显示/隐藏焦点,但我更愿意只使用HTML5占位符值。我该如何渲染它?请不要使用JS/客户端解决方案。 最佳答案 您可以使用Attributes集合。所以你会有类似的东西t

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

我正在研究响应式设计。由于没有足够的空间放置input框和label,我遇到了一些困难。所以我决定在较小的屏幕尺寸上隐藏标签。目前它里面有占位符文本youremail,但我希望只在小于400(所以最多399px宽)的屏幕上有一个不同的占位符加入我们的时事通讯。我认为需要一些JS来执行此操作,而不是使用CSS。本质上:如果屏幕尺寸小于400:占位符文本=加入我们的时事通讯其他:占位符文本=您的电子邮件。这是我的HTML: 最佳答案 作为纯CSS解决方案,我们可以有两个s-有不同的placeholders-以不同的屏幕尺寸显示-Exam

HTML5 占位符在焦点上消失

是否有免费的jQuery插件可以更改placeholder行为以匹配HTML5规范?对焦前对焦良好(Safari)注意力不集中(Chrome、Firefox)您可以使用浏览器的功能withthissimplefiddle.HTML5draftspecsays:Useragentsshouldpresentthishinttotheuser,afterhavingstrippedlinebreaksfromit,whentheelement'svalueistheemptystringand/orthecontrolisnotfocused(e.g.bydisplayingitinsid

html - 如何在打字时将占位符移至焦点顶部?

我希望占位符在文本框获得焦点时以及用户输入时移动到顶部。我不确定这只是html/css还是任何javascript。我现在的css是这样的,我还没有js代码:input:focus::-webkit-input-placeholder{font-size:.75em;position:relative;top:-15px;transition:0.2sease-out;}input::-webkit-input-placeholder{transition:0.2sease-in;}input[type="text"]:focus,input[type="password"]:focu

asp.net - 如何将占位符属性与 Html.EditorFor 一起使用?

我想在Html.EditorFor中使用占位符属性,所以我就像第一个答案中那样做了:Html5Placeholderswith.NETMVC3RazorEditorForextension?但在最后一部分,我没有EditorTemplates文件夹,所以我创建了它,当我尝试创建string.cshtmlView时我不能,因为名称“string”已被保留,所以我选择了stringg.cshtml相反,它没有用!我必须在程序的其他地方更改名称吗?我确实很喜欢这个答案......谢谢! 最佳答案 升级到MVC5.1,您可以在EditorF

html - 如何使用 CSS 设置占位符值?

我想只使用CSS而不是JavaScript或jQuery来设置输入框的占位符值。我该怎么做? 最佳答案 你可以为webkit做这个:#text2::-webkit-input-placeholder::before{color:#666;content:"Line1\ALine2\ALine3\A";}http://jsfiddle.net/Z3tFG/1/ 关于html-如何使用CSS设置占位符值?,我们在StackOverflow上找到一个类似的问题: h

html - 是否可以在 div 标签中添加占位符

当我的div元素为空时,我想向用户显示一些文本。我试过添加placeholder属性到我的div但文本未显示。当我的div元素为空时如何显示消息? 最佳答案 有很多使用javascript的选项,但如果你想在css中进行。试试这个:[contentEditable=true]:empty:not(:focus):before{content:attr(data-text)}Demo 关于html-是否可以在div标签中添加占位符,我们在StackOverflow上找到一个类似的问题: