es obviamente lo primero que se nos viene a la cabeza después de escuchar el término www. Básicamente, es lo que hay detrás de todos y cada uno de los sitios web que visita hoy. En este artículo, exploraremos algunos atributos de formulario HTML avanzado.
En este artículo se cubrirán los siguientes consejos,
Así que comencemos con este artículo,
Atributos avanzados de formulario HTML
HTML por sí solo no puede hacer justicia con algunos de los diseños más queridos que vemos hoy. Requiere ayuda y que es proporcionada por CSS o Hoja estilo cascada . HTML y CSS se pueden usar juntos para crear algunas páginas web atractivas.
Continuando con este artículo sobre atributos de formulario HTML avanzados
Etiquetas y atributos en HTML
Ambos son los conceptos básicos del HTML y ambos funcionan juntos pero realizan diferentes funciones.
Etiquetas: Las etiquetas se utilizan para marcar el inicio del elemento HTML y están encerradas entre corchetes angulares.
Ejemplo:
usando r para el aprendizaje automático
La etiqueta anterior es la etiqueta de encabezado en HTML.
Atributos: son la información adicional sobre las etiquetas y se especifican dentro de la etiqueta.
Ejemplo:
La etiqueta anterior es etiqueta de imagen y alt es el atributo de la etiqueta y proporciona la descripción de la imagen hello_world.jpg
Como hemos discutido los conceptos básicos que necesitábamos, ahora podemos avanzar más con el motivo de este artículo, que son algunas etiquetas HTML y CSS avanzadas.
Continuando con este artículo sobre atributos de formulario HTML avanzados
Atributos Max, Maxlength y Min
Estos son principalmente los atributos de la etiqueta de entrada, es decir. La etiqueta de entrada se usa básicamente dentro de la etiqueta para aceptar los diferentes tipos de entradas del usuario, como texto, número, botón de radio, fechas, casilla de verificación, hora, contraseña, etc.
Max
Este atributo especifica el valor máximo para cualquier entrada especificada. Si el usuario intenta ingresar más del valor máximo, no aceptará los caracteres o valores después.
Nota:
El atributo Max se introdujo con HTML 5.
Ejemplo:
Numero de estudiantes:
Enlace Gist de GitHub:
El valor de los estudiantes no se puede aumentar más allá de 50.
Nota: La acción de atributo de la etiqueta especifica dónde se enviarán los datos ingresados para el proceso posterior. En este caso, submit_detail.php, que es un archivo PHP.
Número de estudiantes es el detalle que se debe ingresar en el cuadro de texto.
El atributo max en la primera etiqueta indica el valor numérico máximo que se puede ingresar en el cuadro de texto, que son valores superiores a 50 que no serían aceptados, que es el motivo principal del atributo max.
La etiqueta Max también se puede usar para definir la fecha máxima que el usuario puede ingresar en el campo de entrada.
Ejemplo:
Ingrese su fecha de nacimiento en formato AAAA-MM-DD:
Fecha de nacimiento máxima: 2000-03-31
Enlace Gist de GitHub:
Hemos utilizado 31S tMarzo de 2000 como fecha máxima y la opción es calendario está restringido hasta esa fecha solamente.
En este campo de entrada, el usuario no podría ingresar la fecha posterior a la fecha especificada en el atributo máximo.
Continuando con este artículo sobre atributos de formulario HTML avanzados
Longitud máxima
Como sugiere el nombre, este atributo especifica la longitud máxima de los caracteres que el usuario puede ingresar en un campo de entrada. Los valores de los atributos son números.
Ejemplo:
Ingrese su nombre de usuario:
Enlace Gist de GitHub:
El límite del campo de entrada es de 15 caracteres, por lo que la entrada está restringida a solo 15 caracteres.
Este atributo maxlength en la etiqueta restringiría al usuario a dar una entrada que estrictamente no sea mayor que el valor especificado que es 15.
Nota El valor predeterminado del atributo maxlength es 524288.
Continuando con este artículo sobre atributos de formulario HTML avanzados
Min
El atributo min especifica el valor mínimo del valor que se debe ingresar en el campo de entrada.
Ejemplo:
Ingrese la edad:
Enlace Gist de GitHub:
El atributo min en la etiqueta de entrada define que la edad de entrada no debe ser menor de 18.
Propina: Puede usar el atributo mínimo y máximo con una entrada para proporcionar a la entrada un rango legal o un rango aceptable.
Ejemplo:
Ingrese la edad:
Enlace Gist de GitHub:
Con esto llegamos al final de este artículo sobre Atributos de formularios HTML avanzados.
Ahora el rango de la entrada en el campo no puede ser menor de 18 ni mayor de 50 al mismo tiempo.Los atributos máximo y mínimo se pueden usar con varios tipos de entrada, como número, rango, fecha, fecha y hora, fecha y hora -local, mes, hora y semana.
Ahora que sabe qué es HTML, consulte el por Edureka. La capacitación para la certificación de desarrollo web lo ayudará a aprender a crear sitios web impresionantes usando HTML5, CSS3, Twitter Bootstrap 3, jQuery y las API de Google y a implementarlo en Amazon Simple Storage Service (S3).
Tienes una pregunta para nosotros? Menciónelo en la sección de comentarios del artículo y nos comunicaremos con usted.