Formuliervelden Maken

Inhoudsopgave:

Formuliervelden Maken
Formuliervelden Maken

Video: Formuliervelden Maken

Video: Formuliervelden Maken
Video: How To Create Fillable Forms In Microsoft Word (Create HR Template Forms) Part 1 2024, November
Anonim

De verwerking van de gegevens die bezoekers na het invullen van de webformulieren naar de server sturen, gebeurt door een speciaal programma (script). Daarom is het alleen zinvol om velden toe te voegen aan een formulier dat op een webpagina is gepost als functies voor het werken met deze velden in het script zijn geprogrammeerd. Als aan deze voorwaarde is voldaan, moet nog het relatief eenvoudige deel van het werk worden gedaan, namelijk het toevoegen van tags aan de broncode van de pagina die de vereiste velden vormen.

Formuliervelden maken
Formuliervelden maken

Het is nodig

Basiskennis HTML

instructies:

Stap 1

De bewerking van het vormen van de benodigde tags kan worden overgenomen door de pagina-editor, als u de mogelijkheid heeft om de visuele bewerkingsmodus daarin te gebruiken. Zo'n editor kan een integraal onderdeel zijn van het contentmanagementsysteem - voer het in en laad een pagina met een formulier waarin nieuwe velden moeten worden toegevoegd. Gebruik de kopieer- en plakbewerkingen - selecteer en kopieer een aantal bestaande elementen (het invoerveld en de bijbehorende tekst), klik vervolgens op de pagina waar het extra veld moet worden geplaatst en plak het gekopieerde.

Stap 2

Bewerk daarna de eigenschappen van elk element van het paar afzonderlijk. Selecteer gewoon de inscriptie met de muis en typ nieuwe tekst, en gebruik voor het invoerveld de knop in het editorpaneel waarmee de eigenschappen worden geopend. In de eigenschappen moet u in ieder geval de waarde in het naamveld wijzigen - deze moet overeenkomen met de veldnaam die in het verwerkingsscript is geprogrammeerd. Herhaal kopiëren/plakken voor de vereiste set velden en sla de pagina op.

Stap 3

Als er geen toegang is tot visuele bewerking, open dan de broncode van de pagina in een tekst- of gespecialiseerde editor en voeg de nodige tags eraan toe. Deze methode vereist enige kennis van HTML en technieken voor het opmaken van webpagina's. Om een eenvoudig tekstveld aan het formulier toe te voegen, gebruikt u de invoertag en voegt u de waardetekst toe aan het kenmerk type. Naast dit attribuut is alleen naam vereist - het moet de naam bevatten van dit formulierveld dat bekend is bij het handlerscript. Met behulp van andere attributen kunt u het aantal tekens instellen dat visueel de lengte van het invoerveld bepaalt (het size-attribuut), het maximaal toegestane aantal tekens (maxlength), stijlparameters (stijl), klasselidmaatschap (klasse), enz. Deze tag is te zien in de code, bijvoorbeeld als volgt:

Stap 4

Gebruik voor een tekstveld met meerdere regels de tag textarea. Het bestaat uit twee delen - openen en sluiten. In de eerste moet u de naamwaarde instellen en met behulp van de rijen en cols-attributen kunt u het aantal rijen en kolommen van dit formulierelement instellen. Bijvoorbeeld:

Stap 5

Andere typen formuliervelden kunnen selectievakjes zijn - om ze te vormen, gebruikt u ook de invoertag, maar in tegenstelling tot een enkelregelig tekstveld, specificeert u de waarde van het selectievakje in het kenmerk type. Als dit formulierelement moet worden aangevinkt, voegt u het aangevinkte attribuut toe aan de tag. Bijvoorbeeld:

Stap 6

Om een selectievak in het formulier in te voegen en een bestand te uploaden, gebruikt u dezelfde invoertag met de bestandswaarde in het type-attribuut. Bijvoorbeeld:

Stap 7

Een complexere constructie vormt een veld met een vervolgkeuzelijst. Het moet een paar openende en sluitende select-tags bevatten. Plaats paren optietags ertussen, die elk een enkele selectielijn specificeren. De openingstags moeten het waardeattribuut bevatten (de waarde ervan wordt naar de server verzonden), en tussen de openings- en sluitingsdelen moet de tekst die de bezoeker ziet in deze regel van de lijst worden geplaatst. Bijvoorbeeld: Eerste selectieregel Tweede selectieregel Derde selectieregel

Aanbevolen: