La etiqueta < input>, esta vez tiene como valor "text" en su atributo type, input type="text", esto simboliza a un campo de caja de texto lo cual permite a los usuarios finales editar texto en una sola línea. Los cajas de textos gran utilidad para recolectar textos cortos cómo frases, descripciones cortas, nombre, apellido, entre otros.
indice del tema
En este primer ejemplo crearemos un formulario <form>, para recolectar información para ello Contamos con tres controles de entrada de texto:
Además tenemos el atributo placeholder, el cual pertenece a html5, este atributo dará pista al usuario final, mostrando texto en el campo, una vez que el usuario empieza a escribir automáticamente el texto desaparecerá o se removerá.
<form> <fieldset> <legend>TEXTO</legend> <input type="text" placeholder="nombre" name="nombre" required> <input type="email" placeholder="escribe tu correo" required> <input type="submit"> </fieldset> </form>
En este presente ejemplo, nos adentraremos sobre él input type="text", para ello usaremos algunos atributos más:
<form> <fieldset> <legend>TEXTO</legend> <input type="text" placeholder="nombre" size="4" maxlength="4" name="nombre" required> <input type="submit"> </fieldset> </form>
Adentrándonos más sobre input type="text" tenemos los siguientes atributos con algunas diferencias de los anteriores ejemplos:
<form> <fieldset> <legend>TEXTO</legend> <label>texto de lectura</label> <input type="text" value="codigos informaticos" readonly> <label>texto deshabilitada</label> <input type="text" value="codigo" disabled> <input type="submit"> </fieldset> </form>
Por último haremos el uso del atributo list. Este atributo se encarga de enlazar un control etiqueta de html <datalist> a través de referencia id del atributo.
La etiqueta <datalist> nos permite poner un número de sugerencias que los usuario puede elegir automáticamente el valor.
<form> <fieldset> <legend>TEXTO</legend> <input type="text" list="listadenombre"> <input type="submit"> </fieldset> </form> <datalist id="listadenombre"> <option value="carlos"></option> <option value="emerson"></option> <option value="juan"></option> <option value="mario"></option> </datalist>
En el siguiente artículo les vamos a enseñar a descargar el driver brother hl 4150cdn de…
En el siguiente artículo les vamos a enseñar a descargar el driver brother dcp j125 de…
En el siguiente artículo les vamos a enseñar a descargar el driver brother hl 1210w de…
En el siguiente artículo les vamos a enseñar a descargar el driver brother mfc j480dw de…
En el siguiente artículo les vamos a enseñar a descargar el driver brother dcp j4120dw de…
En el siguiente artículo les vamos a enseñar a descargar el driver brother hl 5340d de…