假设您有一些像这样的HTML:
<form>
<input placeholder="Some text!" required>
<input type="email" placeholder="An Email!" required>
<input type="submit" value="A Button!">
</form>
Run Code Online (Sandbox Code Playgroud)
由于required
属性,如果将空白留空,较新的Webkits和Firefox会在该字段旁边显示验证消息.
他们回应了以下规则的风格:
div {
font: Helvetica;
}
Run Code Online (Sandbox Code Playgroud)
但我找不到更具体的选择器.有谁知道使用或将要使用的选择器,甚至是与此相关的webkit/gecko的错误报告?
(JSFiddle显示它们可以用div选择器设置样式:http://jsfiddle.net/p7kK5/)
是否可以在使用required属性时设置HTML5输入字段上显示的提示的样式.如果您不确定我在说什么,请单击此表单上的提交而不填写任何内容.您应该有一个提示弹出窗口.
http://24ways.org/examples/have-a-field-day-with-html5-forms/24ways-form.html
我检查了CSS源代码,看不到有关提示的任何内容.
我发现以重置方式设置div元素的样式会影响它的显示方式.但我不知道如何具体针对它.
请注意:我不是指占位符.
干杯,托马斯.
请在Chrome浏览器中查看此示例:http://jsfiddle.net/ymzTB/
<form>
<input required type = "text" >
<input type = "submit" >
</form>
Run Code Online (Sandbox Code Playgroud)
当您将输入留空并只需单击回车时,您将收到如下消息:Please fill out this field.
看起来不错.
如何在WebKit和其他浏览器中设置此消息的样式,例如,用红色替换背景颜色,或者将字体颜色或大小设置为其他颜色?
我使用输入模式 html5 验证。我的计算机默认语言是土耳其语,所以我收到土耳其语的警告消息。有什么方法可以更改代码中的警告消息语言,以便每个访问者都能以我选择的语言收到消息?
http://jsfiddle.net/xhqsB/104/
<form>
<input type="text" pattern=".{5,10}">
<input type="submit" value="Check"></input>
</form>
Run Code Online (Sandbox Code Playgroud)
是否可以设置默认工具提示的样式?这是 展示默认工具提示的JSFiddle。
<form>
<input type="text" placeholder="Submit without entering value" required>
<input type="submit">
</form>
Run Code Online (Sandbox Code Playgroud) 任何人都可以建议如何在我的表单窗口中自定义错误消息,例如"此值无效","密码不匹配"显示为空字段的弹出错误消息?
当AngularJS中的字段无效时,有没有办法设置"弹出窗口"的样式?
我不知道这件事的风格是什么?我们也加载了Bootstrap,不确定它是否在那里.无法右键单击"查找元素".