HTML <tipo de entrada=”radio”>

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:

<tipo de entrada=”radio”>

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:

<tipo de entrada=”radio”>

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *