我的不可能这么可爱
作者:陈大鱼头 github:KRISACHAN <input /> 标签是我们日常开发中非常常见的替换元素了,但是最近在刷 whattwg 跟 MDN 的时候发现 跟 <input /> 有很多相关的属性,选择器都没怎么用过,所以就开篇文章来整理一下一些比较有趣或者实用的知识点。 本篇文章默认大家已经知道 <input /> 标签的基本用法,不会做过多的基础说明~ 没想到,这些选择器居然跟 input … 到写文章为止,根据最新的 drafts 指出,一共有3大类,16种跟 input 相关的选择。其实都挺有用的,善用它们,会让我们的用户体验更加美好。 下面我们来分享一下这3大类选择器的作用: 第一类:控制系(Input Control States) 选择器 作用 :enabled 选择可使用状态的 <input /> 元素 :disabled 选择不可使用状态的 <input /> 元素 :read-only 选择不可编辑状态的元素(不仅仅是 <input /> ) :read-write 选择可编辑状态的元素(不仅仅是 <input /> ) :placeholder-shown 选择 placeholder text 显示时的元素 :default 选择在 <button> , <input type="checkbox" /> , <input type="radio"