Cómo hacer un botón de entrada redondeado

Cuando un webmaster quiere recoger información de los usuarios, una opción es construir un formulario. Los usuarios deben introducir su nombre, número de teléfono o correo electrónico en los campos de texto. Menús desplegables, casillas de verificación y botones de radio se pueden añadir para mejorar la forma. Al final, el usuario hace clic en un botón redondo normalmente con la indicación "Enviar". Esto envía la información en la forma de una dirección de correo electrónico o un servidor. Este botón redondeado se puede utilizar para muchos propósitos - el ejemplo anterior es un uso común. Un botón se puede utilizar para restablecer los campos de un formulario, imprimir la página, generar una acción en un Javascript o no tienen ningún propósito excepto para personalizar y empujando. Creación de un botón es fácil de usar HTML

Instrucciones

1 Abra un programa que puede crear y editar documentos HTML. En un PC con Windows, Microsoft Notepad es una buena opción. Se puede encontrar pulsando el botón "Inicio" en la esquina inferior de la pantalla y navegar a "Todos los programas", "Accesorios" y luego "Bloc de notas". En un Apple Mac, Editor de texto va a funcionar. Abrir este programa desde el Dock o la carpeta de aplicaciones.

2 Pegar el código siguiente en el editor: <form name = acción "de entrada" = "mailto: [email protected]" method = "post">
'
Esta cadena de código comienza la forma. En este caso, la forma se le da una "entrada" nombre y dijo por la "acción" para enviar la información a una dirección de correo electrónico después de que el botón redondeado es empujado al final. Más comandos de acción compleja se pueden añadir para obtener la forma de hacer las cosas diferentes.

3 Añadir esta línea de código por debajo de la anterior: <input type = "submit" value = "Enviar" />

Esto crea el botón de entrada redondeado. El type = "submit" dice el editor HTML para crear un botón que se utiliza para enviar información en forma de una dirección de correo electrónico. El "valor" indica lo que se escribe en el botón redondo - en este caso, "enviar". Esto se puede cambiar a cualquier cosa.

4 Copiar esta línea de texto en el documento: <tipo "botón" de entrada = onclick = "formReset ()" value = "Reset forma" />

Un botón redondo no se limita a la presentación de la información - que puede hacer otras cosas también. En esta línea de código, el botón redondo está configurado para restaurar todos los campos de un formulario. La acción "formReset ()" se puede sustituir con los códigos para la impresión de la página "PrintPage ()" o redirigir al usuario a otra página web "window.location.href = ''">.

El "tipo de entrada" en el código indica que se está creando un botón. Esto se debe utilizar en todos los códigos de botón, excepto cuando se crea un botón "enviar".

5 Cerrar el código poniendo este código de abajo todo: </ form>

Esto indica los elementos de la forma con el botón redondeado hayan terminado.

6 Guarde el documento HTML. En Microsoft Bloc de notas, ir a "Archivo" y haga clic en "Guardar como". Introduzca un nombre de archivo para el documento y al final con ".html" Haga clic en "Guardar". En un equipo Mac, haga clic en "Archivo" en la parte superior de la página y luego "Guardar como". Introduzca un nombre de archivo para el documento y cambiar el formato de texto enriquecido a la página web HTML usando el menú desplegable a continuación.

Consejos y advertencias

• Trate de colocar esta línea de código después del paso 2: <input type = "text" name = "usuario" />
• Esto crea un cuadro de entrada de texto donde se puede escribir. Otros elementos, como cuadros de mensaje, casillas de verificación, botones de radio o menús desplegables se añaden en este paso, dependiendo de qué tipo de información que el webmaster quiere cobrar a los usuarios al hacer un botón "Enviar".