Por desconocimiento de campos
básicos y los utilizados para textos largos, el creador de páginas web obtiene datos incompletos del
usuario. Por este motivo, identificaremos las etiquetas de HTML para la
especificación de tipos de campos.
Con la finalidad de asegurar el ingreso correcto de
información a una página web,
capturaremos datos en formularios, acorde a las recomendaciones oficiales del
lenguaje HTML.
En internet, un formulario tiene
campos para ingresar datos, de esta manera, se obtiene información importante
de los lectores o usuarios de la página web.
Existen diferentes tipos de datos posibles para ingresar a un formulario,
debido a ello, es importante aplicar semántica y, luego, hacer modifcaciones de
estilo necesarias.
La etiqueta prinicipal de
formularios es input, en español
entrada, mediante ésta mostramos al usuario un cuadro para ingresar datos.
061-01_1007_ilu01. Creación de la etiqueta input
Como observamos en el ejemplo, el
código anterior funciona perfectamente sin la necesidad de una etiqueta de
cierre y, en la vista del usuario, apreciamos cómo es mostrada por el navegador
web.
A continuación, tenemos algunos
atributos de la etiqueta input con la
función correspondiente:
- Name: asigna un nombre a un campo del formulario a nivel de
programación.
- Maxlength: delimita el número máximo de caracteres a incluir por el
usuario, en el ejemplo siguiente son diez.
- Value: define un valor predeterminado, modificable por el usuario cuando
está en desacuerdo.
061-01_1007_ilu02. Creación de atributos de input
La etiqueta de formularios textarea permite mostrar un área de
texto con dimensiones personalizadas, a fin de lograr mayor longitud para el
ingreso de datos por parte del usuario. Es necesario especificar lo siguiente:
- Rows para el número de líneas.
- Cols para el número de caracteres aceptados por línea.
- Name pare el nombre del campo.
- Minlength para el mínimo de caracteres en el campo.
061-01_1007_ilu03. Creación de la etiqueta textarea
Para obtener datos del usuario es
posible agregar cuadros o círculos seleccionables. Éstos son útiles al momento
de preguntar al usuario si está de acuerdo en ciertos criterios, o en los
registros bancarios con la finalidad de pedir recaudos. Para ello, es necesario
agregar la etiqueta input, como tipo
de entrada se define el valor radio, si
necesitamos un círculo, o el valor checkbox,
si necesitamos un cuadrado. En este caso se muestra un símbolo de correcto al
seleccionarlo.
061-01_1007_ilu04. Creación de tipo de entrada radio y checkbox
Las etiquetas input y textarea,
comparten algunos atributos con la misma funcionalidad, como name, maxlength, entre otras disponibles
en el estándar oficial de HTML.
Keynotes
- Existen diferentes tipos de datos posibles
para ingresar a un formulario, debido a ello, es importante aplicar semántica
y, luego, hacer modificaciones de estilo necesarias.
- La etiqueta principal de formularios es input, en español entrada, mediante ésta
mostramos al usuario un cuadro para ingresar datos.
- Algunos atributos de la etiqueta input con la función correspondiente: Name: asigna un nombre a un campo del
formulario a nivel de programación. Maxlength:
delimita el número máximo de caracteres a incluir por el usuario, en el ejemplo
de código son diez.
- La etiqueta de formularios textarea permite mostrar un área de
texto con dimensiones personalizadas, a fin de lograr mayor longitud para el
ingreso de datos por parte del usuario.
- Las etiquetas input y textarea,
comparten algunos atributos con la misma funcionalidad, como name, maxlength, entre otras disponibles
en el estándar oficial de HTML.
MisiónCon la finalidad de asegurar el ingreso correcto de
información a una página web, crea un
formulario con tres capturas de datos diferentes, siguiendo las recomendaciones
oficiales del lenguaje HTML.
Pasos a seguir:
- Ubica el estándar actual de
HTML y lee las especificaciones de la captura de datos en formularios.
- Crea un documento HTML con
un formulario de registro en una red social y agrega tres capturas de datos diferentes
- Presenta el código a un
experto, a través de vKonnect, y toma
nota de sus sugerencias.
Sabrás que has tenido éxito cuando el código se
ejecute en el navegador web sin
ningún problema y luzca acorde a tus especificaciones.
Realiza modificaciones necesarias al resumen y
código según las sugerencias, y comparte ambos en tu vKontact. Solicita a tus compañeros un comentario con la propuesta
de optimización del código.
Tiempo disponible: 3 horas.
CierreSi seguimos las recomendaciones oficiales del lenguaje
HTML al momento de marcar la captura datos en formularios, mostramos correctamente
campos básicos y los utilizados para textos
largos en una página web. Asimismo,
aseguramos el ingreso correcto de información por parte del usuario. Con
paciencia y determinación crearemos formularios eficazmente.
