-
Prueba HTML de texto predeterminado en un cuadro de texto
-
Dado que HTML es un lenguaje para la creación de documentos HTML, como páginas web, y no un lenguaje de programación, que no tiene declaraciones de valores por defecto de las pruebas de controles como cuadros de texto. Sin embargo, el lenguaje JavaScript, que se ejecuta en las páginas Web, tiene tales declaraciones. JavaScript utiliza el modelo de objetos de documento HTML para leer el valor predeterminado de cuadros de texto en una página.
Document Object Model
El documento de modelo de objetos o DOM, es una red cuyos elementos son todas las partes de una página Web, incluyendo la propia página. Puede visualizar este modelo como un diagrama de un árbol de familia, con elementos más grandes como la propia página Web situada cerca de los elementos principales y opcionales de los árboles, como cuadros de texto cerca de la parte inferior. Cuando se escribe sentencias JavaScript que leen la propiedad de un cuadro de objeto de texto para encontrar el texto predeterminado del cuadro, se utiliza la notación de puntos, lo que refleja la estructura de árbol del DOM. Cada período se encuentra con la lectura de la siguiente declaración de izquierda a derecha se mueve abajo el árbol DOM en un nivel o rama. El elemento de la izquierda de cada período es el padre del elemento a la derecha de la época.
document.getElementById ( "emailAdr"). defaultValue
Plantilla HTML
Para empezar a aprender cómo leer el texto predeterminado en un cuadro de texto en una página web, las declaraciones de pasta que definen una página HTML simple en un editor de texto. Un conjunto de estas declaraciones después de este apartado. Los estados establecen el marco en el que crear un cuadro de texto y darle un valor predeterminado. La Sección de la cabeza de esta página es donde el programa JavaScript que lee el valor por defecto falla.
<Html>
<Head>
</ Head>
<Body>
</ Body>
</ Html>Crear un cuadro de texto con texto predeterminado
El programa JavaScript que lee el texto predeterminado en un cuadro de texto depende de ese cuadro de texto que tiene un valor predeterminado. Para crear un cuadro de texto con un valor por defecto, pegue o escriba las siguientes líneas de código HTML en la sección del cuerpo de una página HTML. Estas declaraciones dicen que su navegador muestre un cuadro de texto y rellenarlo con la dirección de correo electrónico ClarkKent ficticia. Puede escribir cualquier texto que usted quisiera en lugar de esta dirección de correo electrónico.
<Form>
<Input type = "text" id = valor "emailAdr" = "[email protected]" />
</ Form>
Botón <type = "button" onclick = "showDefault ()"> Mostrar el valor por defecto </ botón>JavaScript
Una vez que tenga una página web con al menos un cuadro de texto con su conjunto de propiedades Value, puede escribir un programa JavaScript que lee ese valor. El siguiente programa, que va en la sección de cabecera de su página web, es un programa de este tipo. Se consulta el nodo defaultValue del modelo de objetos de documento para leer la propiedad Value de un cuadro de texto. En él se especifica el cuadro de texto por el valor de su propiedad ID, que es emailAdr. Para ejecutar este programa, cargar la página Web que contiene en su navegador, a continuación, pulse el botón de la página. El navegador mostrará una ventana emergente que muestra el texto del cuadro de texto.
<Script type = "text / javascript">
función showDefault ()
{
alerta (document.getElementById ( "emailAdr") defaultValue.);
}
</ Script>
