CSS :required选择器,匹配必填元素

:required选择器语法

E:required{样式设置}

:required选择器可以用于匹配获取那些设置了required属性的表单元素,如input、textarea、select等元素。其中,required要求表单元素为必填的,否则表单无法提交。


:required选择器实例代码,及在线编辑器

<input type='text' required>
<br><br>
<input type='text'>
<br><br>
<textarea required></textarea><br>
<textarea></textarea>
<br>
<select required>
  <option>1</option>
  <option>2</option>
  <option>3</option>
</select>
<br>
<select>
  <option>一</option>
  <option>二</option>
  <option>三</option>
</select>

<style>
  input:required{background-color:skyblue;}
  textarea:required{background-color:orange;}
  select:required{width:100%;}
</style>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.