ubiquitour.com

Cómo crear mi propio sitio web con relleno

Sitios web ha sido capaces de presentar formas de entrada a los usuarios desde la especificación de HTML 2.0 en 1995. Desde entonces, muchas herramientas han surgido, sobre todo el lado del servidor, para manipular la información recogida con una forma de sitio Web. Además, algunos contenidos basados en plug-in, como Flash, ha ganado la capacidad de mostrar y recopilar datos a través de formas muy visualmente personalizables. El viejo HTML estándar, sin embargo, todavía contiene la forma más directa para empezar a hacer una página web con formularios.

Instrucciones

1 Crear un nuevo documento HTML en un editor de texto como Bloc de notas.

2 Escribir un típico contenedor de documento HTML, por ejemplo, "primera forma < HTML >< cabeza >< título > A < / título >< / cabeza >< cuerpo >< cuerpo / >< / HTML >".

3 Insertar < forma >< / FORM > entre las etiquetas < BODY >. Estas etiquetas declaran el formulario y agregas atributos más adelante para ayudar a proceso de los datos recogidos a través de su formulario.

4 Crear varios elementos en su forma insertando etiquetas < INPUT > entre las etiquetas < forma >. El atributo "tipo" de cada etiqueta < INPUT > determina qué tipo de elemento se crea. Puede utilizar los siguientes tipos: texto, password, checkbox, radio, enviar, imagen, reinicio, botón, ocultados y archivo. "Texto" crea un cuadro de entrada de texto típicos, como los que utilizas para escribir palabras clave en un motor de búsqueda. "Contraseña" es la misma como "texto", pero el texto que escriba en él será enmascarado, como ocurre con frecuencia en formas que utilizas para iniciar sesión en un sitio Web. "Checkbox" crea una caja cuadrada que puede ser marcada o sin marcar. "Radio" crea un indicador redondo que, en un grupo con otros botones de opción especificado, sólo se marcará si el resto del grupo no está marcado. Esto proporciona una manera de invitar a una elección del usuario entre opciones mutuamente excluyentes. 'Enviar' crea un botón que se utilizará para indicar que el formulario ha sido completado e iniciar acciones para recoger los datos introducidos. "Imagen" es la misma como presente, pero se mostrará una imagen al hacer clic en lugar del botón Enviar regular. "Reset" crea un botón que borra los datos de los elementos del formulario. "Botón" crea un botón que se puede utilizar con código del lado del cliente como Javascript. "Ocultos" no crean un elemento visible, pero pueden utilizarse para almacenar notas u otra información a ser incluido con cada presentación. "Archivo" crea un elemento que permite indicar un archivo almacenado en su computadora.

5 Incluyen un < SELECT >< / SELECT > par de etiquetas en el formulario para crear un menú emergente. Insertar etiquetas < opción > entre las etiquetas < SELECT > para completar el menú con selecciones que el usuario puede elegir.

6 Ver el documento HTML con un navegador web para ver como luce tu forma. Consulte la especificación de HTML para aprender más sobre lo que hace cada tipo de elemento de formulario y experimentar con diferentes combinaciones de elementos para recoger los datos que desee de los usuarios de su sitio Web.

7 Descargar e instalar un script de servidor, como un script CGI, servidor web para procesar los datos de la forma. Una secuencia de comandos común es el que envía los datos de la forma que en un correo electrónico.

8 Escribir atributos de «método» y «acción» en su original etiqueta < FORM > para dirigir los datos una vez que el usuario presiona el botón "Enviar". Seleccione los atributos de esta etiqueta basado en qué tipo de script de servidor está utilizando.

9 Copiar el documento HTML al servidor web.

10 Probar la funcionalidad de su sitio de Internet de formulario recién publicado en el navegador web.

Consejos y advertencias

  • Examine el código de otros sitios web con formularios para inspirar sus propias implementaciones.
  • Escriba el código de JavaScript para interactuar con el usuario sin necesariamente recoger datos de ella. Por ejemplo, modificar el documento HTML basado en entrada del usuario.