修改HTML5表单验证required样式

2015-04-17阅读(10999)评论(0)牵着狗狗看MM

苏州实时公交查询

今天看到一篇文章很有意思,把其中一小部分搬过来。

假设有如下表单HTML

你的姓名: <input type="text" name="name" required>

可以在下面表单输入框点击输入测试

你的姓名:

CSS写法:

/*===包含required的表单===*/
/* 无效 */
input:required:invalid{
    CSS代码
}
/* 有效 */
input:required:valid{
    CSS代码
}

Demo

参考文章(里面有更多更详细的html5的表单验证实例):http://www.the-art-of-web.com/html/html5-form-validation/

赞(1) 打赏
转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » 修改HTML5表单验证required样式
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏