.
Los campos de entrada del usuario pueden diferir significativamente entre sí. Dependiendo del valor atributo de tipo , el campo de entrada puede ser un campo de texto, un campo de contraseña, un botón de opción, un botón simple, etc.
Atributos aceptar: especifica los tipos de archivos que se pueden transferir al servidor a través del campo de carga de archivos. Si el tipo de archivo que se está cargando no coincide con ninguno de los tipos de archivo especificados en el valor, el archivo se ignorará. Al especificar varios valores, deben estar separados por una coma. El atributo de aceptación solo funciona en conjunto con el atributo type="file", valores posibles :
audio/* - Se aceptan todos los archivos de sonido.
video/* - Se aceptan todos los archivos de vídeo.
imagen/* - Se aceptan todos los archivos de imagen.
tipo_MIME - Se acepta un tipo MIME válido sin parámetros.
Consejo: No se recomienda utilizar este atributo como herramienta para verificar el tipo de archivo que se está descargando. Los archivos cargados deben verificarse en el servidor. Ejemplo " Nota: el atributo de aceptación no es compatible con IE9 y versiones posteriores .
versiones anteriores Alt: Proporciona texto alternativo
para el usuario si por algún motivo no puede visualizar las imágenes. El atributo alt solo se puede utilizar junto con el atributo type="image". autocompletar: determina si se habilitará la función de autocompletar para el campo de entrada de datos:
en - el navegador muestra automáticamente los valores introducidos previamente por el usuario (valor predeterminado).
apagado - el usuario debe introducir él mismo los valores del campo cada vez que utiliza el formulario. Los valores ingresados previamente no se mostrarán.
Nota: El atributo de autocompletar funciona con los siguientes valores del atributo de tipo del elemento : texto, búsqueda, url, tel, correo electrónico, contraseña, selectores de fecha, rango y color.
Nota: El atributo de enfoque automático no es compatible con IE9 y versiones anteriores.
Marcado: Indica que este elemento se seleccionará de forma predeterminada cuando se cargue la página. Funciona solo con el atributo type="checkbox" o type="radio". El atributo booleano marcado se puede configurar de las siguientes maneras:
Ejemplo » deshabilitado: Indica que el elemento debe estar apagado (un elemento apagado está inactivo). El atributo booleano deshabilitado se puede configurar de las siguientes maneras:
Ejemplo "
Nota: el atributo deshabilitado no funciona con .
Formulario: Define el formulario al que está asociado el elemento. . El valor del atributo es el identificador del elemento.
Nota: El atributo min no es compatible con IE9 y versiones anteriores, ni con Firefox.
Múltiple: Indica que el usuario puede ingresar más de un valor. El atributo múltiple solo funciona con type="email" y type="file". Posibles valores para el atributo lógico múltiple:
Ejemplo "
Nota: El atributo múltiple no es compatible con IE9 y versiones anteriores.
Nombre: atributo de nombre define el nombre del elemento, se envía al servidor junto con los datos ingresados en el campo. El nombre se puede utilizar en JavaScript para hacer referencia a un elemento o para identificar los datos pasados al servidor (por ejemplo, al procesar datos en el servidor, el nombre del elemento le permite identificar lo que se ingresó como nombre de usuario y lo que se ingresó como nombre de usuario). contraseña).
patrón: especifica una expresión regular que especifica la sintaxis de los datos que deben permitirse en el campo de entrada. El patrón de expresión regular debe coincidir con el valor completo ingresado. Para describir cómo funciona la plantilla, puede utilizar el atributo de título global. El atributo de patrón funciona con los siguientes valores de atributo de tipo: texto, búsqueda, URL, teléfono, correo electrónico y contraseña.
Nota: El atributo de patrón no es compatible con IE9 y versiones anteriores, ni con Safari. Marcador de posición: define una breve información sobre herramientas que describe el valor esperado para el campo de entrada (ejemplo: valor de muestra o breve descripción
formato esperado). La información sobre herramientas se muestra en el campo de entrada cuando está vacío y desaparece cuando el usuario comienza a ingresar datos o cuando el campo recibe el foco (la diferencia en cómo funciona el atributo depende del navegador utilizado si el campo pierde el foco y no tiene datos); Se ha ingresado en el campo, luego la entrada del campo, el mensaje se mostrará nuevamente.
El atributo de marcador de posición funciona con los siguientes valores de atributo de tipo: texto, búsqueda, URL, teléfono, correo electrónico y contraseña.
Ejemplo "
Nota: El atributo de marcador de posición no se admite en IE9 y versiones anteriores.
El atributo requerido funciona con los siguientes valores de atributo de tipo: texto, búsqueda, URL, teléfono, correo electrónico, contraseña, selectores de fecha, número, casilla de verificación, radio y archivo. Posibles valores para el atributo lógico requerido:
Nota: atributo requerido no es compatible con IE9 y versiones anteriores, ni con Safari.
Tamaño: especifica el ancho del campo de entrada (la unidad de medida es el número de caracteres visibles). Entonces, por ejemplo, un valor de 3 crea un campo de entrada de texto que es lo suficientemente ancho como para mostrar tres caracteres ingresados (aunque el usuario puede ingresar más si lo desea). más ). El atributo de tamaño funciona con los siguientes valores de atributo de tipo: texto, búsqueda, teléfono, URL, correo electrónico y contraseña. para indicar cantidad máxima caracteres ingresados, use el atributo maxlength. Ejemplo » src: especifica la ruta a archivo gráfico para un campo con una imagen. atributo src es necesario para los elementos con type="image" y solo se puede utilizar con ellos.
paso: Define el rango de números para el elemento
. Ejemplo: si paso="3", entonces los valores posibles de los números pueden ser: -3, 0, 3, 6, etc. El atributo de paso se puede utilizar junto con los atributos máximo y mínimo para crear un rango de valores válidos. Nota: El atributo de paso no es compatible con IE9 y versiones anteriores, ni con Firefox.
Tipo: especifica qué tipo de control se representará. De forma predeterminada, los navegadores utilizan a menos que se especifique un valor diferente o desconocido para el atributo de tipo. De esta manera, los navegadores que no admitan los nuevos valores simplemente los reemplazarán con el valor predeterminado y mostrarán un campo de entrada de texto normal. botón - define
botón activo (utilizado principalmente con JavaScript para activar el script).
caja - define controles de casilla de verificación que se pueden marcar o desmarcar. Puede seleccionar varias casillas a la vez o no seleccionar ninguna de ellas. Esto distingue las casillas de verificación de los botones de opción (tipo="radio").
color - genera una paleta de colores que permite a los usuarios seleccionar valores de color en formato hexadecimal.
fecha - le permite acceder al widget de selección de fecha integrado en el navegador.
fecha y hora - define un control de fecha y hora (año, mes, día, hora, minuto, segundo y fracciones de segundo, según la zona horaria UTC).
fechahora-local - define un control de fecha y hora (año, mes, día, hora, minutos, segundos y fracciones de segundo (sin zona horaria)).
correo electrónico - define un control con un botón "Examinar" para seleccionar y cargar archivos.
oculto a menos que se especifique un valor diferente o desconocido para el atributo de tipo. De esta manera, los navegadores que no admitan los nuevos valores simplemente los reemplazarán con el valor predeterminado y mostrarán un campo de entrada de texto normal. campos ocultos aporte.
imagen - define la imagen como un botón de envío.
mes - le permite seleccionar un mes, después del cual proporcionará la entrada de datos en forma de año y mes (por ejemplo: 2014-05).
número - define un campo para ingresar números.
contraseña - define el campo de entrada de contraseña (caracteres enmascarados).
radio - crea botones de opción que son mutuamente excluyentes; si selecciona un botón de opción, todos los demás quedan inactivos.
rango - crea un control deslizante, el rango predeterminado del control deslizante es de 0 a 100. Para cambiar el rango, use los atributos mínimo y máximo con los valores deseados. Tenga en cuenta que este control no muestra el valor actual.
reiniciar - define un botón de reinicio (restablece todos los campos del formulario a los valores predeterminados).
buscar - define un campo de texto para ingresar una cadena de búsqueda.
entregar - define el botón "Enviar".
teléfono - define un campo para ingresar un número de teléfono.
texto - define un campo de texto de una línea (el ancho predeterminado es 20 caracteres).
tiempo - permite ingresar valores en formato de 24 horas, por ejemplo: 12:34. En los navegadores compatibles, el control aparece como un campo de entrada numérico con un valor editable con el mouse y solo permite ingresar valores de tiempo.
URL - define un campo para ingresar una URL.
semana - le permite seleccionar una semana, después de la cual proporcionará la entrada de datos en formato de año y semana (por ejemplo: 2014-W15).
Ejemplo » valor: Indica el valor del elemento , y se utiliza de diferentes maneras para diferentes tipos aporte: Para "botón", "restablecer" y "enviar": define el texto del botón
Para "texto", "contraseña", "oculto": define el valor inicial (predeterminado) del campo de entrada
Para "casilla de verificación", "radio", "imagen": define el valor asociado con la entrada (el valor que se transmite al enviar)
El atributo de valor no se puede utilizar con type="file" y debe estar presente con type="checkbox" y type="radio". Ejemplo » ancho: Especifica el ancho del elemento en píxeles, usado solo con (ejemplo: ancho="100"). Etiqueta
también admite atributos y eventos globales
Estilo predeterminado
Enviar
Si nunca ha conocido un lenguaje de marcado, es poco probable que comprenda qué es un tipo de entrada HTML. Para quienes trabajan con HTML, estas explicaciones no sirven de nada. Pero para los principiantes que recién están aprendiendo este idioma, será útil familiarizarse con uno de los atributos. ¿Qué es este HTML y quién lo necesita? Se dio a conocer por primera vez en 1993. Esta es una herramienta estandarizada, condicionalmente, para crear documentos en Internet. Para no ahondar en la difícil terminología de los programadores, podemos explicar todo esto de forma más sencilla. Mayoría Las páginas web que ves en Internet están compuestas de comandos y códigos. Todos ellos conforman este lenguaje.
La principal aplicación que representa HTML es el navegador. Es para él a quien se adaptan todos los comandos. Interpreta todos los resultados que podrían escribirse en un Bloc de notas normal en texto formateado en la pantalla.
Estructura Para no perderse en toda la matriz de texto, que está escrita en lenguaje de marcado, y encontrar allí atributos requeridos HTML: tipo de entrada, el documento está estructurado. Consta de elementos encerrados en etiquetas.
Se trata de etiquetas especiales que están dotadas de las propiedades del texto encerrado en la etiqueta. Por ejemplo, necesitas hacer un párrafo. Tomas un trozo de texto para separarlo, lo pones en etiquetas.
Y
Las marcas con una barra (/) normalmente finalizan un comando y se denominan marcas de cierre. Hay etiquetas que no requieren cierre. Por ejemplo, es una marca que crea un salto de línea.En la estructura de un documento escrito en lenguaje HTML , se pueden rastrear elementos constantes. Algunos se consideran obligatorios, mientras que de otros se puede prescindir. Básicamente, se pueden distinguir los hipervínculos. bloques de texto , procesamiento de textos, presencia de listas, objetos, imágenes, mapas, signos, símbolos y formas. ACERCA DE último elemento Hablemos con más detalle.
Forma Para encontrar el atributo de tipo de entrada HTML, es necesario estudiar el concepto de "formulario". Una de las definiciones dice que este es un elemento que ayuda al usuario a ingresar información en el sitio para su posterior procesamiento. Para explicarlo de forma más sencilla, es necesario recordar la página web. Probablemente haya visto varios elementos de interfaz en sitios web, que están representados por campos de entrada de texto, botones, interruptores y casillas de verificación.
Los formularios son herramientas para el usuario. Permiten al visitante buscar información en el sitio, dejar comentarios, participar en encuestas, etc. Para activar cualquiera de los formularios propuestos en la página es necesario utilizar
Comentario Para hacer formas, puedes utilizar una de las marcas más comunes.< input >. Ella es la responsable de los elementos con los que trabajan los visitantes. Entonces, gracias a esta etiqueta, es posible utilizar campos de texto especiales, botones, interruptores, casillas de verificación, etc.
Si no necesita recopilar y analizar información, entonces no es necesario que esta etiqueta esté dentro