Űrlapmezők Létrehozása

Tartalomjegyzék:

Űrlapmezők Létrehozása
Űrlapmezők Létrehozása

Videó: Űrlapmezők Létrehozása

Videó: Űrlapmezők Létrehozása
Videó: 10PERCTANULAS: Word űrlap készítése, egyszerű szöveges válasz mező beillesztése 2024, Lehet
Anonim

Az adatok feldolgozását, amelyeket a látogatók a webes űrlapok kitöltése után küldenek a szervernek, egy speciális program (szkript) kezeli. Ezért akkor van értelme mezőket hozzáadni egy weboldalon közzétett űrlaphoz, ha az ezeken a mezőkön való működés funkciói be vannak programozva a szkriptbe. Ha ez a feltétel teljesül, akkor a címkéknek az oldal forráskódjához való hozzáadásának viszonylag egyszerű részét kell elvégezni, amely a kötelező mezőket alkotja.

Űrlapmezők létrehozása
Űrlapmezők létrehozása

Szükséges

HTML alapismeretek

Utasítás

1. lépés

A szükséges címkék kialakításának műveletét az oldalszerkesztő átveheti, ha lehetősége van a vizuális szerkesztési mód használatára. Egy ilyen szerkesztő szerves része lehet a tartalomkezelő rendszernek - írja be, és töltsön be egy oldalt egy űrlappal, amelybe új mezőket kell felvenni. Használja a másolási és beillesztési műveleteket - jelöljön ki és másoljon pár meglévő elemet (a beviteli mezőt és az ahhoz társított szöveget), majd kattintson arra az oldalra, ahová a kiegészítő mezőt be kell helyezni, és illessze be a másolt elemet.

2. lépés

Ezt követően külön szerkessze a pár minden elemének tulajdonságait. Csak válassza ki az egérrel a feliratot, és írja be az új szöveget, és a beviteli mezőhöz használja a szerkesztő panelen található gombot, amely megnyitja annak tulajdonságait. A tulajdonságokban legalább meg kell változtatnia a név mező értékét - ennek meg kell felelnie a feldolgozó szkriptben programozott mezőnévnek. Ismételje meg a másolást / beillesztést a szükséges mezőkészlethez, és mentse az oldalt.

3. lépés

Ha nincs hozzáférés a vizuális szerkesztéshez, nyissa meg az oldal forráskódját bármely szöveges vagy speciális szerkesztőben, és adja hozzá a szükséges címkéket. Ez a módszer némi ismeretet igényel a HTML-ben és a weboldal elrendezésében. Egyszerű szövegmező hozzáadásához az űrlaphoz használja a beviteli címkét, és adja hozzá az érték szöveget a type attribútumhoz. Ezen attribútum mellett csak a név megadása kötelező - tartalmaznia kell ennek az űrlapmezőnek a nevét, amelyet a kezelő szkript ismer. Más attribútumok használatával beállíthatja azoknak a karaktereknek a számát, amelyek vizuálisan meghatározzák a beviteli mező hosszát (a méretattribútum), a maximálisan megengedett karakterek számát (maxlength), stílusparamétereket (stílus), osztálytagságot (class) stb. Ez a címke látható például a kódban:

4. lépés

Többsoros szövegmezőhöz használja a textarea címkét. Két részből áll - nyitás és zárás. Az elsőben meg kell adnia a név értékét, és a sorok és oszlopok attribútumokkal beállíthatja ennek az űrlapelemnek a sorait és oszlopait. Például:

5. lépés

Az űrlapmezők más típusai is lehetnek jelölőnégyzetek - ezek kialakításához használja a beviteli címkét is, de az egysoros szövegmezőtől eltérően adja meg a jelölőnégyzet értékét a type attribútumban. Ha ezt az űrlap elemet ellenőrizni kell, vegye fel az ellenőrzött attribútumot a címkéjébe. Például:

6. lépés

Ha egy jelölőnégyzetet be akar illeszteni az űrlapba, és feltölt egy fájlt, használja ugyanazt a bemeneti címkét, amely a type attribútumban található fájlértékkel rendelkezik. Például:

7. lépés

A bonyolultabb konstrukció mezőt alkot egy legördülő listával. Tartalmaznia kell egy pár nyitó és záró kijelölt címkét. Helyezzen közé opciócímkepárokat, amelyek mindegyike egyetlen kiválasztási sort ad meg. A nyitó címkéknek tartalmazniuk kell az érték attribútumot (annak értéke továbbításra kerül a szerverre), a nyitó és a záró rész közé helyezzék a látogató által látott szöveget a lista ezen sorába. Például: Első választási sor Második választási sor Harmadik választási sor

Ajánlott: