-
Cómo hacer un cuestionario en HTML
-
Si desea recopilar datos o comentarios de los visitantes de su sitio web, crear un cuestionario utilizando el lenguaje de marcado de hipertexto (HTML). Su cuestionario puede contener una variedad de métodos de entrada, desde los botones de radio para casillas de verificación de las listas desplegables. Después de que su usuario ha rellenado el cuestionario, recibir sus respuestas en la bandeja de entrada del correo electrónico.Instrucciones
1 Abra el documento HTML en el que le gustaría ofrecer su cuestionario en el Bloc de notas, de su servidor web incorporado en el editor HTML, o su editor HTML de su elección. Si va a iniciar una página web fresca, crear un nuevo documento TXT, a continuación, insertar las etiquetas básicas:
<Html>
<Head> <title> Título de la página web </ title> </ head>
<Body>
</ Body>
</ Html>Las etiquetas de formulario que se crean irán entre la apertura y cierre de etiquetas <body>. Cuando complete su cuestionario, guardar el documento como sea HTM o HTML, a continuación, abrirlo en cualquier navegador web para previsualizar el trabajo.
2 Inserte la etiqueta <form> para empezar el cuestionario, y cerrarla con </ form>. Todas sus preguntas y etiquetas <input> irán entre estas dos etiquetas. Cada etiqueta <input> debe contener un atributo "nombre", como <input name = "pregunta 1" />. De manera que las respuestas a su cuestionario se envían a su dirección de correo electrónico, la etiqueta <form> debe tener este aspecto:
<Form action =: Método "mailto [email protected]" = "post"> </ form>
3 Utilice el <input type = "text" /> para crear un campo de entrada de una línea en la que los usuarios pueden escribir sus respuestas. Por ejemplo, si desea solicitar que se refiere al usuario de su sitio web, su código se verá así:
<Form> Referente: <input type = "text" name = "referencia" /> </ form>
4 Utilice el <input type = "radio" /> para crear botones de radio. Con los botones de opción, el usuario sólo puede seleccionar una opción. Cada entrada en su conjunto de botón de radio debe tener el mismo nombre, pero atribuye un valor único. Por ejemplo, para preguntar si los visitantes disfrutaron de su sitio web, utilice la siguiente:
<Form> ¿Le ha gustado nuestro sitio web? <br />
<Input type = nombre de "radio" = "disfrutar" value = "yes" /> <br /> Sí
<Input type = "radio" name = "disfrutar" value = "no" /> <br /> No se
</ Form>La etiqueta <br /> crea un salto de línea en su página web, ya que HTML por sí mismo no reconoce el espacio en blanco.
5 Utilice el <input type = "checkbox" /> para crear casillas de verificación. A diferencia de los botones de opción, el usuario puede seleccionar varias casillas de verificación en un conjunto. Al igual que los botones de radio, cada opción en el conjunto debe compartir el mismo nombre pero tienen valores únicos. Por ejemplo, para pedir al visitante a sugerir características para su sitio web:
<Form> ¿Cómo podemos mejorar nuestra página web? <br />
<Input type = "checkbox" name = "sugerencias" value = "imágenes" /> Más imágenes! <br />
<Input type = "checkbox" name = "sugerencias" value = "" /> Enlaces Más enlaces! <br />
<Input type = "checkbox" name = "sugerencias" value = "contenido" /> Más contenido! <br />
</ Form>6 Utilice la <select name = "nombre"> y </ select> para crear una lista de selección desplegable desde el que el usuario puede elegir sólo una opción. Para cada opción en la lista, crear un <opción> independiente y </ option> establecido entre la apertura y el cierre de las etiquetas <SELECT>, y dar a cada <opción> un atributo de valor único. Por ejemplo, para pedir a su visitante a elegir qué parte de su sitio web que más le gustaba, intente lo siguiente:
<Form> ¿Qué le gustó el mejor? <br />
<Select name = "favorito">
<Option value = "colores" selected = "selected"> los colores. </ Option>
<Option value = "fotos"> las fotografías. </ Opciones>
<Option value = "música"> La música. </ Opciones>
</ Select>
</ Form>Dado que la opción "colores" cuenta con el atributo seleccionado, será la selección predeterminada.
7 Utilice el <input type = "submit" value = "Enviar" /> para crear un botón de envío. Cuando el usuario hace clic en este botón, la información que ingresó será enviada a usted, dependiendo del método de recuperación que ha especificado en la apertura <form>. El atributo de valor de su botón de enviar el texto que contiene el botón leerá.
