草庐IT

占位符

全部标签

html - 如何调整输入框中占位符文本的对齐方式?

第三个框中的占位符文本出现在中间,而我想在顶部。HTMLSendusamessageSend这是JSFiddle 最佳答案 如果您想要多行输入字段,您应该使用textarea元素。然后您可以使用textarea选择器设置样式:#messageinput,#messagetextarea{width:250px;height:40px;padding:10px;}#messageliinput[type=text],#messagelitextarea{border-radius:5px;-webkit-border-radius:5

ipad - Safari 中的 HTML5 日期字段和占位符文本

我遇到了一个问题,但我不确定是我做错了什么,还是这个功能还不受支持。基本上我有以下几行代码:我已经在桌面版Safari上测试过,一切正常,但是当我在iPad上测试时,第二个输入不显示占位符文本。有谁知道iPad上的type="date"是否支持占位符文本?干杯尼克 最佳答案 iPad正在做正确的事情。placeholder属性isn'tsupportedoninputelementsontypedate.它可能在桌面Safari上工作,因为它不支持date类型,因此该属性将被忽略,您只剩下一个纯文本字段。您可以checkinDOM检

html - HTML 中的占位符与数据占位符

两者之间的区别是什么?占位符与数据占位符?它们似乎都产生了相同的结果。有什么区别?(哪个更强?) 最佳答案 属性placeholder是标准的HTML5属性,data-placeholder只是一些javascript插件使用的data-HTML5属性。如果没有外部js插件,data-placeholder什么都不做,而placeholder只满足客户端浏览器支持HTML5的唯一要求。 关于html-HTML中的占位符与数据占位符,我们在StackOverflow上找到一个类似的问题:

html - 如何更改特定输入字段的占位符颜色?

我想更改特定占位符的颜色。我在我的元素中使用了很多输入字段,问题是在某些部分我需要灰色作为占位符,而在某些部分我需要白色作为占位符。我为此进行了搜索并找到了这个解决方案。::-webkit-input-placeholder{/*WebKit,Blink,Edge*/color:#909;}:-moz-placeholder{/*MozillaFirefox4to18*/color:#909;opacity:1;}::-moz-placeholder{/*MozillaFirefox19+*/color:#909;opacity:1;}:-ms-input-placeholder{/*

css - HTML 占位符不适用于 Android

我有我网站的移动版本,在登录页面上我使用“占位符”来显示:电子邮件或密码(而不是使用标签)。对于iPhone它可以工作,但不能用于Android,它禁用了我的字段css(边框、颜色等...)编辑:我希望能够使用iPhoneOS3、OS4和Android1和2为什么? 最佳答案 找到了!http://diveintohtml5.ep.io/forms.htmlHowtogetridofplaceholderonpasswordfieldtakenoverfromlabel 关于css-HT

css - 是否可以在 HTML5 输入类型 ="date"元素上设置默认占位符文本的样式?在 Chrome ?

我有一个带有日期列表的表单,我使用HTML5inputtype="date"元素来表示它们。我想更改没有值的字段(即显示dd/mm/yyyy的字段)的颜色,以便更容易将它们与包含实际日期。这可能吗?我认为-webkit-input-placeholder可能已经完成了我想要的,但似乎没有。 最佳答案 Chrome中的日期输入中没有占位符。如果您在devtools的设置中选中“ShowshadowDOM”,您将能够检查它:#document-fragmentdd/mm/yyyy您可以使用伪元素设置单独元素的样式(适用于ChromeCa

html - 输入占位符行高问题

问题是什么?如上图所示,有一个高度为36px的输入框。在IE10中,占位符不是垂直居中的。 最佳答案 对于所有输入只需给出line-height:normal;它将采用正常的行高,并且在所有浏览器中都能正常工作。 关于html-输入占位符行高问题,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/20611252/

javascript - 延迟加载图像的源占位符

我正在使用延迟加载机制,该机制仅在相关图像出现在用户视口(viewport)中时才加载它们。为此,我定义了一个data-src属性,它链接到原始图像和一个base64编码的占位符图像作为src属性以使HTML有效。我注意到chrome缓存了base64字符串,但该字符串很长并且使我的HTML膨胀(我的页面上有很多图像)。所以我的问题是使用小型base64编码图像还是1pxx1px占位符图像更好?注意:出于SEO目的,元素必须是img。此外,我的HTML必须有效,因此需要src属性。 最佳答案 您可以在src标签(1x1像素GIF)中

javascript - html5 - 使用格式化占位符进行科学输入

我正在创建一个Web应用程序,它需要将各种化学物质的百分比作为用户输入,例如(HCl[Hydrochloricacid]、NaOH[SodiumHydroxide]等)。所以这就是我在HTML中所做的事情:这在大多数情况下都可以正常工作,但现在我的客户要求输入化学物质的百分比,例如H2SO4、SiO2等所以这是我为此使用的:2O'/>Fiddle但没有成功。那么现在我有一个问题:我们如何格式化placeholders的htmlinput显示像这里提到的那样的格式化文本?我知道这种情况的可能的解决方案是:使用label在之外它将在其中包含格式化的文本,例如:EnterH2O%:Fiddl

c# - 如何在 C#/MVC 4 中的 Html.TextBoxFor 中输入占位符文本

通常在HTML/CSS中,如果您想将占位符文本添加到文本框,您只需这样做:但由于我使用的是为VisualStudioMVC4中的登录面板提供的现有代码:/Views/Account/Login.cshtml这是当前呈现输入的C#代码:@Html.TextBoxFor(m=>m.Email,new{@class="form-input"})@Html.ValidationMessageFor(m=>m.Email,"",new{@class="text-danger"})@Html.PasswordFor(m=>m.Password,new{@class="form-input"})@H