Saltar al contenido

Cómo crear un cuadro de texto en HTML

octubre 16, 2021
how to create text box in html

Si queremos crear el cuadro de texto en un documento Html para insertar los caracteres por parte del usuario en la página web, tenemos que seguir los pasos que se detallan a continuación. Con estos pasos, cualquier usuario puede crear fácilmente un cuadro de texto.

Paso 1: En primer lugar, tenemos que escribir el código Html en cualquier editor de texto o abrir el archivo Html existente en el editor de texto en el que queremos crear el cuadro de texto.

Paso 2: Para crear el cuadro de texto, primero tenemos que definir la etiqueta

, si no está definida en el código. Ahora, tenemos que colocar el cursor en ese punto de la etiqueta
donde queremos crear el cuadro de texto. Y luego tenemos que escribir la etiqueta en ese punto.

Nombre del estudiante:

Curso:

Paso 3: Después de escribir la etiqueta , tenemos que usar su atributo cuyo nombre es escribe. Este atributo especifica qué tipo de datos se deben ingresar. Entonces, para crear el cuadro de texto tenemos que dar el valor «texto» en el atributo de tipo.

Nombre del estudiante:

Curso:

Paso 4: Si queremos definir el ancho del cuadro de texto, podemos definirlo con la ayuda del atributo de tamaño.

Curso:

Paso 5: Y, por fin, tenemos que guardar el archivo Html y luego ejecutar el archivo en el navegador.

Curso:


Pruébelo ahora

La salida del código HTML anterior se muestra en la siguiente captura de pantalla:

Cómo crear un cuadro de texto en HTML


close