páginas Web HTML pueden incluir formas de capturar la entrada del usuario. Dentro de estas formas, diversos elementos HTML pueden capturar datos utilizando cuadros de texto, botones, casillas de verificación y listas desplegables. Cuando un usuario introduce información en un formulario web, y luego lo presenta al sitio, el navegador va a menudo enviar los datos capturados a otra página HTML o de un script del lado del servidor en un lenguaje como PHP o ASP. Los atributos para elementos de entrada, incluyendo el identificador y el nombre, pueden afectar a la captura de datos y el aspecto de un formulario.
Elemento de entrada
El elemento de entrada HTML puede presentar una variedad de controles de usuario dentro de una página Web. El siguiente código muestra un cuadro de texto:
Nombre de usuario: <input type = "text" name = "nombre de usuario" />
Este código de marcado incluye un elemento de entrada de texto en un formulario web. El usuario puede introducir texto escribiendo en el cuadro de texto. El atributo tipo se establece como texto, que indica al navegador para mostrar el elemento como un cuadro de texto en lugar de cualquier otro elemento de entrada. como por ejemplo un botón, casilla de verificación o una lista desplegable. El elemento de entrada se acompaña de un pequeño trozo de texto que indica qué tipo de información es el cuadro de texto para, de manera que el usuario sabrá lo que debe introducir.
atributos
Los elementos de entrada pueden incluir una variedad de atributos que determinan su apariencia y función. Por ejemplo, los desarrolladores pueden incluir atributos detector de eventos para determinar las funciones de JavaScript que se ejecutará cuando el usuario interactúa con un elemento de entrada, como en el siguiente marcado de la muestra:
Dirección: <input type = "text" name = "dirección" onclick = "onTextbox ()" />
Los desarrolladores a menudo utilizan esta técnica para mejorar la interactividad con las partes en un formulario web, alterando la apariencia de las secciones de página cuando el usuario interactúa con elementos particulares. Los elementos de entrada incluyen generalmente el tipo y atributos nombre, pero pueden incluir opcionalmente otros atributos.
Presentación formulario
Cuando un formulario web captura la entrada del usuario, que incluye el código de instrucciones al navegador para enviar el usuario introduce los datos a una segunda página Web o en un script del lado del servidor. Cuando esta segunda página o el script recibe los datos, se utiliza atribuye el nombre de recuperar determinados elementos de datos de la forma. Esto significa que si un desarrollador quiere capturar la entrada del usuario con un elemento de forma particular de esta forma, deben incluir el atributo de nombre dentro de ese elemento. Para el nombre de usuario y la dirección de la muestra cuadros de texto, cualquier secuencia de comandos que recibe los datos puede utilizar el nombre especificado atributos para establecer lo que el usuario entró en esos elementos.
Presentación
Las páginas web pueden aplicar estilo y la interactividad con el código de Cascading Style Sheet y JavaScript. Ambos suelen utilizar los atributos de identificación de los elementos. El siguiente ejemplo de código CSS demuestra la identificación de un elemento con un atributo ID específico para el peinado:
nametext {color: # 333333; }
El siguiente ejemplo JavaScript demuestra la adquisición de una referencia a un elemento con el mismo atributo ID, a continuación, aplicar propiedades de peinado dinámicos a la misma:
var nameText = document.getElementById ( "nametext");
nameText.style.color = "# 330000";
Ambos de estos fragmentos de código funcionaría con el elemento siguiente:
<Input type = "text" name = "nombre de usuario" id = "nametext" />
La función de JavaScript podría ejecutar en un evento de usuario específico, la creación de un mayor nivel de interactividad.