Cómo crear botones de formulario que el texto de entrada en campos de texto

formas de texto HTML permiten a los usuarios introducir y enviar la información a usted de su sitio web. A través del uso de campos de texto, botones de radio, menús desplegables y botones estándar, un usuario tiene una variedad de opciones en la comunicación con usted. Si usted tiene un formulario en su sitio web con campos de texto, puede utilizar un botón o una serie de botones para permitir que el usuario rellene estos campos con el texto predeterminado. Esto se hace usando etiquetas HTML en combinación con el "clic" de JavaScript

Instrucciones

1 Poner en marcha su programa de edición de HTML. Si usted no tiene un editor HTML en su ordenador, haga clic en el enlace "libres Editores HTML" en la sección "Recursos". Descargar e instalar el editor HTML de su elección con las opciones por defecto del programa.

2 Abrir un documento HTML existente o haga clic en "Archivo" y "Nuevo" para crear uno.

3 Tipo "<form action = nombre '#' = 'ourform'>" a la entrada de la forma etiqueta de apertura, lo que indica que las siguientes líneas son todos parte de la misma forma. Presione ENTRAR."

4 Tipo "<input type =" botón "value =" este es nuestro texto de la muestra 'onclick = "document.ourform.textfield.value =' Este es nuestro texto de ejemplo"> "y presionar" Enter ". Esta línea crea un botón con "este es nuestro texto de ejemplo" escrito en él y rellenar un campo de texto denominado "campo de texto" con el mismo mensaje. Esta etapa puede repetirse con un texto diferente, en lugar de "este es nuestro texto de la muestra," para crear botones adicionales que poblarán el mismo campo de texto. Cuando la creación de botones adicionales, debe cambiar el "este es nuestro texto de ejemplo" texto en ambas partes del código (después de "valor" y después de "document.ourform.textfield.value").

5 Tipo "<input type =" text "name =" campo de texto 'width = '25'> "para crear el campo de texto que va a ser poblada por texto cuando el usuario hace clic en el botón (s) creado en el paso 4.

6 Tipo "</ form>" para cerrar la etiqueta de formulario.

7 Haga clic en el menú "Archivo" y haga clic en "Guardar". Escriba un nombre de guardar y seleccionar una ubicación en su equipo para guardar el documento HTML, si es necesario.

8 Haga doble clic en el documento HTML que ha creado (o modificado) en los pasos anteriores para poner en marcha en su navegador web por defecto. Probar el nuevo formulario haciendo clic en el botón (s) en la página para poblar el campo de texto.