No es un elemento de formulario. Elementos de forma como objetos. Eventos generales de elementos de formulario

Cada elemento de la página puede considerarse como un objeto que tiene sus propias propiedades, métodos y controladores de eventos. La mayoría de las veces, los eventos de la página están asociados con un formulario (hacer clic en un botón, por ejemplo).

Los formularios de un documento están representados por la familia Formularios. Se puede acceder a los formularios con nombre directamente por nombre: formularios.MyForm.property o MyForm.property.

Propiedades generales elementos de forma:

Valor: devuelve el contenido del objeto.

Deshabilitado: desactiva el objeto.

Nombre: devuelve una cadena con el valor del nombre del objeto.

Eventos de elementos de formulario comunes:

OnFocus: el objeto se enfocó y se activó.

OnBlur: el objeto está desenfocado.

OnClick: se produjo un clic del mouse en el área del objeto.

OnDblClick - sucedió doble toque ratón en el área del objeto.

OnMouseOver: el mouse se sitúa sobre el elemento.

OnMouseOut: el puntero del mouse ha “abandonado” el elemento.

Métodos generales elementos de forma:

foco: da foco al elemento de formulario especificado.

desenfoque: elimina el foco de un elemento de formulario.

Elementos de texto,Contraseña,Área de texto.

Propiedades:

maxLength – devuelve longitud máxima pauta.

defaultValue: devuelve el valor inicial del elemento establecido en las etiquetas.

Métodos:

select() – selecciona el área de entrada elemento especificado formas.

Eventos:

OnChange: se ha cambiado el contenido del objeto. Comprobado resultado final. Es decir, durante el proceso de edición se podrían realizar cambios y luego eliminarlos. Si el estado inicial del campo es estado final, entonces se considera que el evento no ocurrió.

OnSelect: se ha seleccionado parte del texto.

CheckBox, elemento de radio.

Propiedades:

marcado: verifica el estado actual de la casilla de verificación. Verdadero: instalado, Falso: eliminado.

defaultChecked: devuelve el valor inicial del elemento establecido en las etiquetas.

Seleccionar elemento.

Propiedades:

opciones: conjunto de parámetros de objetos de opción.

selectedIndex: devuelve el índice del elemento seleccionado.

seleccionado: devuelve un valor booleano que indica el estado actual del parámetro en el objeto.

defaultSelected: devuelve un valor booleano: el valor inicial del elemento, establecido en las etiquetas.

índice: devuelve el índice del elemento.



Eventos:

OnChange: se ha cambiado el contenido del objeto.

Etiquetas separación lógica. Atributos de etiquetas comunes.

etiqueta HTML


(regla horizontal) define linea horizontal, que inserta un salto de línea antes y después de sí mismo y ocupa todo el ancho disponible. Esta línea será útil al separar una introducción temática del texto principal, por ejemplo, al cambiar escenas en una historia o hacer la transición a información adicional dentro de la sección del directorio.

Algunos elementos HTML que pueden estar presentes en el interior etiqueta CUERPO, se denominan elementos de "nivel de bloque", mientras que otros se denominan elementos "en línea" (también llamados elementos de "nivel de texto").

Modelo de contenido

Los elementos a nivel de bloque pueden contener elementos en línea y otros elementos a nivel de bloque.

Los elementos en línea solo pueden contener datos y otros elementos en línea. Inherente a esta diferencia estructural es la idea de que los elementos de bloque crean estructuras "más grandes" que los elementos en línea.

Formato

De forma predeterminada, los elementos a nivel de bloque tienen un formato diferente al de los elementos en línea. Normalmente, los elementos de nivel de bloque comienzan con nueva linea, pero los elementos integrados no.

Elementos de agrupación: elementos DIV y SPAN

Etiqueta inicial: requerida, Etiqueta final: requerida

Los elementos DIV y SPAN, junto con los atributos id y class, proporcionan mecanismo general añadiendo estructura a los documentos. Estos elementos definen información en línea (SPAN) o información a nivel de bloque (DIV), pero no imponen ninguna otra expresión para representar el contexto.

Navegadores visuales Generalmente se pone un carácter de nueva línea antes y después. elementos div

Atributos de etiquetas comunes

Los atributos comunes se pueden utilizar para casi cualquier etiqueta HTML. Por eso se distinguen en grupo separado para evitar numerosas repeticiones sin sentido.

Clave de acceso

Le permite navegar a un campo de texto usando algún atajo de teclado con la letra o número especificado en el atributo. Uso de los navegadores varias combinaciones llaves..

Especifica uno o más nombres de clase para asociar un elemento con una hoja de estilo. Si se especifican varias clases, se enumeran separadas por un espacio. El nombre de la clase puede contener letras latinas(A-Z, a-z), números (0-9), guión (-) y guión bajo (_), el primer carácter debe ser una letra.
contento

Indica si el contenido del elemento se puede editar o no. Valores posibles: "verdadero", "falso". El valor "verdadero" puede omitirse (contenteditable).

Menú contextual

Instalaciones menú contextual para el elemento. El valor del atributo es el identificador del menú creado usando la etiqueta.

.

El atributo del menú contextual solo funciona en Firefox.

Le permite crear sus propios atributos para almacenar datos.
Los nombres de los atributos se transforman en variables a las que se puede acceder para obtener datos de acuerdo con las siguientes reglas:

  • prefijo datos- eliminado;
  • se elimina el guión antes de la letra y la letra posterior se pone en mayúscula;
  • los demás guiones permanecen sin cambios.

Por ejemplo, el atributo de número de usuarios de datos se convierte en la variable número de usuarios.

Establece la dirección en la que se muestra el texto. Valores posibles:

  • litros – de izquierda a derecha,
  • rtr – de derecha a izquierda.

Arrastrable

Indica si el elemento se puede arrastrar con el ratón o no. Valores posibles: "verdadero", "falso".

El elemento está oculto, es decir. no se muestra en la página, pero se puede acceder a él mediante scripts.

El atributo oculto no funciona en Safari, Android, iOS.

El identificador del elemento, que se utiliza para acceder al elemento a través de scripts. IDENTIFICACIÓN - nombre único elemento, es decir debe aparecer sólo una vez en el código del documento. El identificador puede contener letras latinas (A–Z, a–z), números (0–9), guión (-) y guión bajo (_), el primer carácter debe ser una letra.
En HTML5 identificación También se puede utilizar para vincular a una ubicación específica en una página web.

El idioma del contenido del elemento.

corrector ortográfico

Determina si se revisa o no la ortografía y la gramática del texto. Valores posibles: "verdadero", "falso". El valor "verdadero" se puede omitir por completo (corrección ortográfica). El resultado sólo será visible para los campos del formulario. Y

Ya estás familiarizado con el atributo NAME, que define el nombre individual de cada elemento del formulario. Los atributos ROWS y COLS indican, respectivamente, el número máximo permitido de líneas de texto de entrada y caracteres por línea. Si el texto escrito por el usuario no cabe en la parte visible del contenedor de texto, aparecen barras de desplazamiento verticales y horizontales en los bordes del campo para desplazar el contenido del elemento TEXTAREA.

Ejemplo de uso:

Para crear un menú de selección en el formulario (Fig.6), el webmaster puede utilizar la etiqueta

OPCIÓN VALUE="Artículo N">Пункт N!}

El atributo MULTIPLE define la capacidad del usuario de marcar no uno, sino varios elementos de la lista propuesta a la vez. Si este atributo especificado, puede utilizar el atributo TAMAÑO, que determina el número de posiciones visibles en la pantalla al mismo tiempo.

Ejemplo de uso:

<Р АLIGN ="CENTER">Por favor indica tu ciudad