¿Cómo agregar un selector de color en un formulario usando HTML?

En este articulo. aprenderemos cómo agregar un selector de color en un formulario usando HTML . Como sabemos, un selector de color también se conoce como selector de color. Es una interfaz en la que un usuario puede seleccionar un solo color de múltiples colecciones de colores de fondo.  

Acercarse:

  • Primero, creamos un documento HTML que contiene una etiqueta <input>.
  • Utilice el atributo de tipo con el elemento <input>.
  • Establezca el atributo de tipo en el valor «color».

Sintaxis

<input type="color">

Ejemplo: 

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to add a color picker 
        in form using HTML?
    </title>
</head>
  
<body style="text-align: center;">
    <h1>
        GeeksForGeeks
    </h1>
  
    <h2>
        How to add a color picker 
        in Form using HTML?
    </h2>
      
    <form>
        <label>First Name</label>
        <input type="text" name="fname"><br /><br>
        <label>Last name</label>
        <input type="text" name="lname"><br />
        <p>
            Select your favorite color:
            <input type="color" value="red" id="color" />
        </p>
        <input type="submit" value="submit">
    </form>
</body>
  
</html>

 

Producción:

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 *