Sådan Oprettes Formularfelter

Indholdsfortegnelse:

Sådan Oprettes Formularfelter
Sådan Oprettes Formularfelter

Video: Sådan Oprettes Formularfelter

Video: Sådan Oprettes Formularfelter
Video: Padstack Editor - Sådan oprettes en SMD padstack 2024, Kan
Anonim

Behandlingen af de data, som besøgende sender til serveren efter udfyldning af webformularerne, håndteres af et specielt program (script). Derfor er det fornuftigt kun at tilføje felter til en formular, der er lagt ud på en webside, hvis funktioner til arbejde med disse felter er programmeret i scriptet. Hvis denne betingelse er opfyldt, er det fortsat at udføre den relativt enkle del af arbejdet med at tilføje tags til kildekoden på siden, der danner de krævede felter.

Sådan oprettes formularfelter
Sådan oprettes formularfelter

Er det nødvendigt

Grundlæggende viden om HTML

Instruktioner

Trin 1

Funktionen til dannelse af de nødvendige tags kan overtages af sideditoren, hvis du har mulighed for at bruge den visuelle redigeringstilstand i den. En sådan editor kan være en integreret del af indholdsstyringssystemet - indtast det og indlæs en side med en form, hvor nye felter skal tilføjes. Brug kopierings- og indsætningshandlingerne - vælg og kopier et par eksisterende elementer (indtastningsfeltet og den tilknyttede tekst), klik derefter på den side, hvor det ekstra felt skal placeres, og indsæt det kopierede.

Trin 2

Derefter skal du redigere egenskaberne for hvert element i parret separat. Vælg bare indskriften med musen, og skriv ny tekst, og brug indtastningsfeltet knappen i editorpanelet, der åbner dens egenskaber. I egenskaberne skal du i det mindste ændre værdien i navnefeltet - det skal svare til det feltnavn, der er programmeret i behandlingsscriptet. Gentag kopi / indsæt for det krævede sæt felter, og gem siden.

Trin 3

Hvis der ikke er adgang til visuel redigering, skal du åbne kildekoden på siden i en hvilken som helst tekst eller specialeditor og tilføje de nødvendige tags til den. Denne metode kræver noget kendskab til HTML- og websidelayoutteknikker. For at tilføje et simpelt tekstfelt til formularen skal du bruge input-tagget og føje værditeksten til attributten type. Ud over denne attribut kræves kun navn - det skal indeholde navnet på dette formularfelt, der er kendt af handlerscriptet. Ved hjælp af andre attributter kan du indstille antallet af tegn, der visuelt bestemmer længden af indtastningsfeltet (størrelsesattributten), det maksimalt tilladte antal tegn (maxlængde), stilparametre (stil), klassemedlemskab (klasse) osv. Dette tag kan ses i koden, for eksempel sådan:

Trin 4

Brug tekstarea tag for et flerlinjet tekstfelt. Den består af to dele - åbning og lukning. I den første skal du indstille navneværdien, og ved hjælp af attributterne rækker og cols kan du indstille antallet af rækker og kolonner i dette formularelement. For eksempel:

Trin 5

Andre typer formularfelter kan være afkrydsningsfelter - for at danne dem skal du også bruge inputkoden, men i modsætning til et tekstfelt med en linje skal du angive afkrydsningsfeltets værdi i typeattributten. Hvis dette formularelement skal kontrolleres, skal du tilføje den afkrydsede attribut til dets tag. For eksempel:

Trin 6

For at indsætte et markeringsfelt i formularen og uploade en fil skal du bruge det samme input-tag med filværdien i typeattributten. For eksempel:

Trin 7

En mere kompleks konstruktion danner et felt med en rulleliste. Den skal indeholde et par åbne og lukke valgte tags. Placer par valgmærkater imellem, der hver angiver en enkelt markeringslinje. Åbningskoderne skal indeholde attributten værdi (dens værdi overføres til serveren), og mellem den åbne og lukke del skal du placere den tekst, som den besøgende vil se, i denne linje på listen. For eksempel: Første markeringslinje Anden markeringslinje Tredje markeringslinje

Anbefalede: