El selector requerido se usa para seleccionar el elemento requerido con el atributo requerido y establecer la propiedad CSS. Los atributos requeridos de los elementos de formulario se definen como requeridos.
Nota: Este selector se usa con elementos de formulario, por ejemplo. <entrada>, <seleccionar> y <área de texto>.
Sintaxis:
:required {
// CSS Property
}
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>:required Selector</title>
<style>
h1 {
color: green;
}
body {
text-align:center;
}
input:required {
background-color: green;
color: white;
}
form div {
padding: 10px;
}
label {
display: block;
font-size: 18px;
}
input {
border: 1px solid black;
padding: 9px;
font-size: 18px;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>:required selector</h2>
<form>
<div>
<label for="name">Name</label>
<input type="text" name="name" id="name"/>
</div>
<div>
<label for="email">Email</label>
<input type="email" name="email" id="email" required />
</div>
<div>
<input type="submit" value="Submit" />
</div>
</form>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con :required Selector se enumeran a continuación:
- Apple Safari 5.0
- Google Chrome 10.0
- Firefox 4.0
- Ópera 10.0
- Internet Explorer 10.0
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA