Etiqueta de entrada HTML

En HTML, el campo de entrada se puede especificar usando donde un usuario puede ingresar datos . La etiqueta de entrada se usa dentro del elemento <form> para declarar controles de entrada que permiten a los usuarios ingresar datos. Un campo de entrada puede ser de varios tipos según el tipo de atributo. La etiqueta de entrada es un elemento vacío que solo contiene atributos. Para definir etiquetas para el elemento de entrada, se puede usar <label> .

Sintaxis

<input type = "value" .... />

Atributos: 
 

• tipo : el atributo de tipo se utiliza para especificar el tipo del elemento de entrada. Su valor predeterminado es texto.
• valor : el atributo de valor se utiliza para especificar el valor del elemento de entrada.
• marcador de posición : el atributo de marcador de posición se usa para especificar una sugerencia que describe el valor esperado de un campo de entrada.
• nombre : el atributo de nombre se utiliza para especificar el nombre del elemento de entrada.
• alt : el atributo alt se usa para proporcionar texto alternativo para el usuario, si no puede ver la imagen.
• enfoque automático : el atributo de enfoque automático especifica que un elemento debe enfocarse automáticamente cuando se carga la página.
• verificado : el atributo verificado especifica que un elemento debe ser preseleccionado (marcado) cuando se carga la página. El atributo marcado se puede utilizar con < tipo de entrada = «casilla de verificación» > y < tipo de entrada = «radio» >.
• disabled : el atributo disabled especifica que el elemento debe estar deshabilitado. El atributo disabled se puede configurar para evitar que un usuario use el elemento <input> hasta que se cumpla alguna otra condición.
• form : El atributo form se utiliza para especificar uno o más formularios a los que pertenece el elemento <input>. 
   
• max : el atributo max se usa para especificar el valor máximo para un elemento < input >.
• requerido : el atributo requerido especifica que se debe completar un campo de entrada antes de enviar el formulario. 
   
• readonly : el atributo de solo lectura especifica que un campo de entrada es de solo lectura. Un campo de entrada de solo lectura no se puede modificar. Un formulario aún enviará un campo de entrada que es de solo lectura, pero no enviará un campo de entrada que esté deshabilitado. 
   
• accept : esta propiedad se utiliza para especificar los tipos de archivos que acepta el servidor.
• align : esta propiedad se utiliza para especificar la alineación de una entrada de imagen.
• autocompletar : esta propiedad se usa para especificar si un elemento <input> debe tener habilitado el autocompletado.
• dirname : esta propiedad se utiliza para especificar que se enviará la dirección del texto.
• formaction : esta propiedad se utiliza para especificar la URL del archivo que procesará el control de entrada cuando se envíe el formulario (para type=”submit” y type=”image”)
• formenctype : esta propiedad se utiliza para especificar cómo se deben codificar los datos del formulario al enviarlos al servidor (para type=”submit” y type=”image”)
• formmethod : esta propiedad se usa para definir el método HTTP para enviar datos a la URL de acción (para type=”submit” y type=”image”)
• formnovalidate : esta propiedad se utiliza para definir que los elementos del formulario no deben validarse cuando se envían
• formtarget : esta propiedad se usa para especificar dónde mostrar la respuesta que se recibe después de enviar el formulario (para type=”submit” y type=”image”)
• altura : Esta propiedad se usa para especificar la altura de un elemento <input> (solo para type=”image”)
• list : esta propiedad se utiliza para hacer referencia a un elemento <datalist> que contiene opciones predefinidas para un elemento <input>
• maxlength : esta propiedad se utiliza para especificar el número máximo de caracteres permitidos en un elemento <input>
• min : esta propiedad se usa para especificar un valor mínimo para un elemento <input>
• múltiple : esta propiedad se usa para especificar que un usuario puede ingresar más de un valor en un elemento <input>
• patrón : esta propiedad se usa para especificar una expresión regular con la que se compara el valor de un elemento <input>
• size : Esta propiedad se usa para especificar el ancho, en caracteres, de un elemento <input>
• src : esta propiedad se usa para especificar la URL de la imagen para usar como botón de envío (solo para type=»image»)
• paso : esta propiedad se usa para especificar los intervalos de números legales para un campo de entrada
• ancho : Esta propiedad se usa para especificar el ancho de un elemento <input> (solo para type=”image”)

Ejemplo-1: Uso del atributo  «tipo» .
 

<!DOCTYPE html>
<html>
 
<body>
    <h1>GeeksForGeeks</h1>
 
    <form>
        <label>Name:</label>
        <input type="text" name="name" value="">
        <br><br>
 
        <label>E-mail:</label>
        <input type="email" name="emailaddress">
        <br><br>
 
        <label>Password: </label>
        <input type="password" name="password">
        <br><br>
 
        <input type="submit">
 
    </form>
</body>
 
</html>

Producción: 
 

Ejemplo-2: Uso del atributo  «valor» .
 

<!DOCTYPE html>
<html>
 
<body>
    <h1>GeeksForGeeks</h1>
    <form>
 
        <label> Name: </label>
        <input type="text" name="name1" value="Rahul">
        <br>
        <br>
        <input type="submit" value="Submit form">
 
    </form>
</body>
 
</html>

Producción: 
 

Navegadores compatibles: 
 

• Google Chrome
• Borde 12 y superior
• Internet Explorar
• Firefox 1 y superior
• Ópera
• Safari 1 y superior