Hur Man Skapar Formulärfält

Innehållsförteckning:

Hur Man Skapar Formulärfält
Hur Man Skapar Formulärfält

Video: Hur Man Skapar Formulärfält

Video: Hur Man Skapar Formulärfält
Video: How To Create Fillable Forms In Microsoft Word (Create HR Template Forms) Part 1 2024, November
Anonim

Behandlingen av de uppgifter som besökarna skickar till servern efter att ha fyllt i webbformuläret hanteras av ett speciellt program (skript). Därför är det vettigt att lägga till fält i ett formulär som publiceras på en webbsida endast om funktioner för att arbeta med dessa fält är programmerade i skriptet. Om detta villkor är uppfyllt återstår det att göra den relativt enkla delen av arbetet med att lägga till taggar till källkoden på sidan som bildar de obligatoriska fälten.

Hur man skapar formulärfält
Hur man skapar formulärfält

Det är nödvändigt

Grundläggande kunskaper om HTML

Instruktioner

Steg 1

Funktionen för att forma de nödvändiga taggarna kan tas över av sidredigeraren om du har möjlighet att använda det visuella redigeringsläget i den. En sådan redaktör kan vara en integrerad del av innehållshanteringssystemet - ange det och ladda en sida med ett formulär där nya fält ska läggas till. Använd kopierings- och klistrafunktionerna - välj och kopiera ett par befintliga element (inmatningsfältet och texten associerad med det), klicka sedan på sidan där ytterligare fält ska placeras och klistra in det kopierade.

Steg 2

Därefter redigerar du egenskaperna för varje element i paret separat. Välj bara inskriptionen med musen och skriv ny text, och använd inmatningsfältet knappen i redigeringspanelen som öppnar dess egenskaper. I egenskaperna måste du åtminstone ändra värdet i namnfältet - det måste motsvara fältnamnet programmerat i bearbetningsskriptet. Upprepa kopiera / klistra in för önskad uppsättning fält och spara sidan.

Steg 3

Om det inte finns någon tillgång till visuell redigering, öppna källkoden på sidan i valfri text eller specialredigerare och lägg till de nödvändiga taggarna till den. Denna metod kräver viss kunskap om HTML- och webbsidlayouttekniker. För att lägga till ett enkelt textfält i formuläret använder du inmatningstaggen och lägger till värdtexten till typattributet. Förutom detta attribut krävs endast namn - det måste innehålla namnet på det här formulärfältet som är känt för hanterarskriptet. Med andra attribut kan du ställa in antalet tecken som visuellt bestämmer längden på inmatningsfältet (storleksattributet), det maximalt tillåtna antalet tecken (maxlängd), stilparametrar (stil), klassmedlemskap (klass) etc. Denna tagg kan ses i koden, till exempel så här:

Steg 4

För textfält med flera rader använder du textarea-taggen. Den består av två delar - öppning och stängning. I det första måste du ställa in namnvärdet och med hjälp av attributen rader och kolar kan du ställa in antalet rader och kolumner för detta formulärelement. Till exempel:

Steg 5

Andra typer av formulärfält kan vara kryssrutor - för att forma dem använder du också inmatningstaggen, men till skillnad från ett enradigt textfält anger du kryssrutans värde i typattributet. Om detta formulärelement måste kontrolleras, lägg till det markerade attributet i dess tagg. Till exempel:

Steg 6

För att infoga en markeringsruta i formuläret och ladda upp en fil, använd samma inmatningstagg med filvärdet i typattributet. Till exempel:

Steg 7

En mer komplex konstruktion bildar ett fält med en listruta. Den måste innehålla ett par öppna och stängande markeringar. Placera par alternativtaggar däremellan, var och en anger en enda markeringsrad. Öppningstaggarna måste innehålla värdeattributet (värdet överförs till servern) och placera texten som besökaren kommer att se i den här raden i listan mellan de inledande och stängande delarna. Till exempel: Första urvalsrad Andra urvalsrad Tredje urvalsrad

Rekommenderad: