Come fare una casella di scorrimento per i moduli

February 19

Come fare una casella di scorrimento per i moduli


Il modo più pratico per aggiungere una casella di scorrimento per un modulo HTML è quello di costruire la forma in una pagina web indipendente, e utilizzare un iframe con scorrimento consentito in un'altra pagina per visualizzare il modulo. Un iframe, o "frame in linea," è un elemento in una pagina Web che contiene un'altra pagina o un documento all'interno di esso. Da questo punto di vista di design, assomiglia guardando attraverso una finestra o un altro schermo all'interno di una schermata.

istruzione

1 Creare un nuovo file nel programma di editor HTML.

2 Scrivere il codice introduttivo di base per una pagina HTML:

<HTML> <HEAD> "Nome della Forma" </ head> <body>

3 Progettare il modulo per la pagina Web utilizzando il tag <form> e aggiungi contenuto ed elementi di controllo per ogni domanda in forma. Una domanda di esempio su una forma assomiglia a:

<P> Il tuo nome: <input type = "text" size = "30" name = "username"> </ p>

Ogni domanda sul modulo prende il proprio codice separato.

4 Chiudere la pagina form aggiungendo il codice:

</ Form> </ BODY> </ HTML>

5 Salvare la pagina di codice per computer o del server che ospita il sito e copiare l'indirizzo URL e il percorso del file.

6 Creare un iframe nella pagina Web che si desidera utilizzare per visualizzare il modulo utilizzando il codice:

<Iframe src = "forma posizione qui" width = "80%" height = "300" frameborder = "1" scrolling = "yes"> iframe non sono supportati </ iframe>

È possibile regolare la larghezza e l'altezza di prendere qualunque percentuale o spazio specifico della pagina si vorrebbe che a prendere. Il scrolling = attributo "yes" consentirà la barra di scorrimento per l'iframe, la creazione di una casella di scorrimento per il modulo.

Consigli e avvertenze

  • Questo processo utilizza la codifica prime per ottenere l'effetto desiderato, in modo da utilizzare un semplice programma, gratuito come Blocco note o Notepad ++ è sufficiente, se non ottimale.
  • Ci sono altri tipi di elementi di input si può costruire in una forma, anche le caselle di testo, gli ingressi di radio e caselle di controllo. Inoltre, informazioni inserite nel codice del modulo è relativamente inutile, a meno che non si utilizza JavaScript o altro linguaggio di programmazione per elaborare i dati. I moduli sono comunemente usati in questo modo di inviare una e-mail con informazioni importanti, aggiungere le informazioni in un database online, e presentare l'utente con le nuove informazioni relative alle informazioni che in ingresso.
  • Se si vuole costruire una semplice pagina per visualizzare l'iframe, è possibile utilizzare questo codice:
  • <HTML> <HEAD> "Nome della Forma" </ head> <body>
  • <Iframe src = "forma posizione qui" width = "80%" height = "300" frameborder = "1" scrolling = "yes"> iframe non sono supportati </ iframe>
  • </ BODY> </ HTML>
  • HTML non è un linguaggio di maiuscole e minuscole, in modo da non causare problemi se si effettua un tag con minuscola e un altro con maiuscola.
  • Questo processo è molto difficile da seguire se non si dispone di una precedente conoscenza di HTML e programmazione Web. Si può avere un momento difficile che utilizza questo processo se si utilizza un programma di web-editing, come ad esempio Dreamweaver o GoLive, e che non hanno familiarità con la vista codice.