提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: CSS教程 > invalid选择器有什么用【css教程】,invalid

invalid 选择器的作用是在表单元素中输入不法值时来设定特定的款式,目标在于提示用户所输入的值不准确

CSS中的:invalid 选择器重要用于在表单元素中的值是不法时设置指定款式。

【引荐课程:CSS教程

例:当用户输入的不是正当值时,款式会变成赤色的边框

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
input:invalid
{
	border:2px solid red;
}
</style>
</head>
<body>
<input type="email" value="" />

<p>请输入正当 e-mail 地点,检察款式变化。</p>

</body>
</html>

效果图:

注重: :invalid 选择器只作用于能指定区间值的元素,比方 input 元素中的 min 和 max 属性,及准确的 email 字段, 正当的数字字段等。

以上就是invalid选择器有什么用的细致内容,更多请关注ki4网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

0 条评论关于"invalid选择器有什么用【css教程】,invalid"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线