Hvordan lage en rulleboks for Forms

June 3

Den mest praktiske måten å legge et rulleboksen til et HTML-skjema er å bygge skjemaet på en uavhengig webside, og bruke en iframe med rulling aktivert på en annen side for å vise form. En iframe, eller "inline frame", er et element på en webside som inneholder en annen side eller et dokument i den. Fra dette designperspektiv, ligner det ser inn gjennom et vindu, eller en annen skjerm i en skjerm.

Bruksanvisning

1 Opprett en ny fil i HTML editor program.

2 Skriv den grunnleggende introduksjons kode for en HTML-side:

3 Design form for Web-siden ved hjelp av <FORM> tag og legge til innhold og betjeningselementer for hvert spørsmål i form. En prøve spørsmålet på et skjema ser slik ut:

Hvert spørsmål på skjemaet får sin egen egen kode.

4 Lukk skjemaet ved å legge inn koden:

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

5 Lagre koden siden til datamaskinen eller serveren som er vert for ditt nettsted og kopiere URL-adressen og filplassering.

6 Lag en iframe på nettsiden du ønsker å bruke for å vise form ved hjelp av koden:

<Iframe src = "form plassering her" width = "80%" height = "300" frameborder = "1" scrolling = "yes"> iframes støttes ikke </ iframe>

Du kan justere bredden og høyden for å ta opp hva prosent eller bestemt plass på siden du vil at det skal ta opp. Rullingen = "yes" attributt vil gjøre det mulig rullefeltet for iframe, og skaper en rulleboksen ut for skjemaet.

Hint

Denne prosessen bruker rå koding for å oppnå ønsket effekt, så ved hjelp av en enkel, gratis program som Notepad eller Notepad ++ er tilstrekkelig, om ikke optimal.
Det finnes andre typer input elementer du kan bygge inn i en form, inkludert tekstbokser, radio innganger, og sjekk boksene. I tillegg informasjon inn i skjemaet kode er relativt ubrukelig, med mindre du bruker Javascript eller en annen programmeringsspråk for å behandle dataene. Skjemaer blir ofte brukt på denne måten for å sende en e-post med viktig informasjon, legge til informasjon i en online database, og presentere brukeren med ny informasjon knyttet til den informasjonen de innspill.
Hvis du ønsker å bygge en enkel side for å se iframe, kan du bruke denne koden:
<HTML> <HEAD> "Name of Form" </ HEAD> <BODY>
<Iframe src = "form plassering her" width = "80%" height = "300" frameborder = "1" scrolling = "yes"> iframes støttes ikke </ iframe>
</ BODY> </ HTML>
HTML er ikke en case-sensitive språk, så det vil ikke føre til problemer hvis du gjør en tag med små bokstaver og en annen med store bokstaver.
Denne prosessen er svært vanskelig å følge hvis du ikke har en tidligere forståelse av HTML og web-programmering. Du kan ha en vanskelig tid ved hjelp av denne prosessen hvis du bruker en web-redigering program, for eksempel Dreamweaver eller GoLive, og du ikke er kjent med koden utsikt.