Tecnología

Inicio

Cómo hacer un cuadro de desplazamiento para formularios

December 12

Cómo hacer un cuadro de desplazamiento para formularios


La forma más práctica de añadir un cuadro de desplazamiento a un formulario HTML es construir el formulario en una página Web independiente, y utilizar un iframe con desplazamiento permitido en otra página para ver el formulario. Un iframe, o "marco en línea", es un elemento de una página Web que contiene otra página o documento dentro de ella. Desde este punto de vista del diseño, que se asemeja a mirar por la ventana, o en otra pantalla dentro de una pantalla.

Instrucciones

1 Crear un nuevo archivo en el programa editor de HTML.

2 Escribe el código básico de introducción de una página HTML:

<HTML> <HEAD> "Nombre de la Forma" </ HEAD> <BODY>

3 Diseñar el formulario de la página Web mediante el uso de la etiqueta <FORM> y añadir contenido y los elementos de control para cada pregunta en el formulario. Una pregunta de la muestra en un formulario se ve así:

<P> Su Nombre: <input type = "text" size = "30" name = "nombre de usuario"> </ p>

Cada pregunta en el formulario tiene su propio código separado.

4 Cierre la página de formulario añadiendo el código:

</ FORM> </ BODY> </ HTML>

5 Guarde la página de códigos en el ordenador o servidor que aloja su sitio web y copiar la dirección URL y ubicación del archivo.

6 Crear un iframe en la página Web que desea utilizar para ver el formulario utilizando el código:

<Iframe src = "forma de ubicación aquí" width = "80%" height = "300" frameborder = "1" scrolling = "yes"> marcos flotantes no son compatibles </ iframe>

Se puede ajustar la anchura y la altura para asumir cualquier porcentaje o espacio específico de la página que le gustaría que asumir. El atributo de desplazamiento = "sí" permitirá a la barra de desplazamiento para el iframe, creando un cuadro de desplazamiento fuera de la forma.

Consejos y advertencias

  • Este proceso utiliza la codificación cruda para lograr el efecto deseado, por lo que mediante un sencillo programa gratuito como Bloc de notas o Notepad ++ es suficiente, si no es óptima.
  • Hay otros tipos de elementos de entrada se puede construir en una forma con cuadros de texto, entradas de radio, y casillas de verificación. Además, la información introducida en el código del formulario es relativamente inútil, a menos que utilice JavaScript u otro lenguaje de programación para procesar los datos. Los formularios se usan de esta manera para enviar un correo electrónico con información importante, añadir información en una base de datos en línea, y presentar al usuario con nueva información relacionada con la información que de entrada.
  • Si usted quiere construir una simple página para ver el iframe, puede utilizar este código:
  • <HTML> <HEAD> "Nombre de la Forma" </ HEAD> <BODY>
  • <Iframe src = "forma de ubicación aquí" width = "80%" height = "300" frameborder = "1" scrolling = "yes"> marcos flotantes no son compatibles </ iframe>
  • </ BODY> </ HTML>
  • HTML no es un lenguaje de mayúsculas y minúsculas, por lo que no causará problemas si haces una etiqueta con letras minúsculas y mayúsculas con otra.
  • Este proceso es muy difícil de seguir si no se tiene un conocimiento previo de HTML y programación Web. Es posible que tenga dificultades para utilizar este proceso si está utilizando un programa de edición web, como Dreamweaver o GoLive, y usted no está familiarizado con la vista de código.