El HTML <input type=”radio”> se utiliza para definir un botón de radio. Los botones de radio se utilizan para permitir que el usuario seleccione exactamente una opción de una lista de opciones predefinidas. Los controles de entrada de botón de radio se crean utilizando el elemento «input» con un atributo de tipo que tiene el valor «radio».
Sintaxis:
<input type="radio">
Ejemplo: En este ejemplo, simplemente seleccionamos la opción correcta de las opciones dadas usando el botón de radio.
HTML
<!DOCTYPE html> <html> <body> <h2>Welcome To GeeksforGeeks</h2> <p>Select a Technology Brand:</p> <div> <input type="radio" id="Netflix" name="brand" value="Netflix"> <label for="Netflix">Netflix</label> </div> <div> <input type="radio" id="Audi" name="brand" value="Audi"> <label for="Audi">Audi</label> </div> <div> <input type="radio" id="Microsoft" name="brand" value="Microsoft" checked> <label for="Microsoft">Microsoft</label> </div> </body> </html>
Producción:
Ejemplo: este ejemplo explica el tipo de entrada HTML como botón de radio especificando su valor como verdadero.
HTML
<!DOCTYPE html> <html> <head> <title> HTML input type radio </title> <style> body { text-align: center; } h1 { color: green; } </style> </head> <body> <h1> GeeksforGeeks </h1> <h2> HTML <Input type= "radio"> </h2> Radio Button: <input type="radio" checked=true id="radioID" value="Geeks_radio" name="Geek_radio"> </body> </html>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Safari
- Ópera
- Microsoft Edge 12 y superior
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA