Zpracování údajů, které návštěvníci zasílají na server po vyplnění webových formulářů, zpracovává speciální program (skript). Proto má smysl přidávat pole do formuláře zveřejněného na webové stránce, pouze pokud jsou do skriptu naprogramovány funkce pro práci s těmito poli. Pokud je tato podmínka splněna, zůstává relativně jednoduchá část práce s přidáním značek do zdrojového kódu stránky, která tvoří povinná pole.
Je to nutné
Základní znalost HTML
Instrukce
Krok 1
Operaci vytváření potřebných značek může převzít editor stránky, pokud v ní máte možnost použít režim vizuálních úprav. Takový editor může být nedílnou součástí systému pro správu obsahu - zadejte jej a načtěte stránku s formulářem, do kterého by měla být přidána nová pole. Použijte operace kopírování a vkládání - vyberte a zkopírujte několik existujících prvků (vstupní pole a text s ním spojený), poté klikněte na stránku, kam by mělo být umístěno další pole, a vložte zkopírovaný.
Krok 2
Poté upravte vlastnosti každého prvku páru samostatně. Jednoduše vyberte nápis myší a zadejte nový text a pro vstupní pole použijte tlačítko v panelu editoru, které otevře jeho vlastnosti. Ve vlastnostech musíte alespoň změnit hodnotu v poli názvu - musí odpovídat názvu pole naprogramovanému ve skriptu zpracování. Opakujte kopírování / vkládání pro požadovanou sadu polí a stránku uložte.
Krok 3
Pokud není k dispozici vizuální úprava, otevřete zdrojový kód stránky v libovolném textovém nebo specializovaném editoru a přidejte k němu potřebné značky. Tato metoda vyžaduje určité znalosti technik rozložení HTML a webových stránek. Chcete-li do formuláře přidat jednoduché textové pole, použijte vstupní značku a přidejte text hodnoty k atributu type. Kromě tohoto atributu je vyžadován pouze název - musí obsahovat název tohoto pole formuláře známého skriptu obslužné rutiny. Pomocí dalších atributů můžete nastavit počet znaků, které vizuálně určují délku vstupního pole (atribut size), maximální povolený počet znaků (maxlength), parametry stylu (styl), členství ve třídě (třída) atd. Tuto značku lze v kódu vidět, například takto:
Krok 4
Pro víceřádkové textové pole použijte značku textarea. Skládá se ze dvou částí - otevírací a zavírací. V první musíte nastavit hodnotu názvu a pomocí atributů řádky a cols můžete nastavit počet řádků a sloupců tohoto prvku formuláře. Například:
Krok 5
Další typy polí formuláře mohou být zaškrtávací políčka - k jejich vytvoření také použijte vstupní značku, ale na rozdíl od jednořádkového textového pole zadejte hodnotu zaškrtávacího políčka v atributu type. Pokud je třeba tento prvek formuláře zkontrolovat, přidejte do jeho značky atribut checked. Například:
Krok 6
Chcete-li do formuláře vložit výběrové pole a nahrát soubor, použijte stejnou vstupní značku s hodnotou souboru v atributu type. Například:
Krok 7
Složitější konstrukce tvoří pole s rozevíracím seznamem. Musí obsahovat dvojici otevíracích a zavíracích značek výběru. Umístěte mezi ně dvojice značek možností, z nichž každá určuje jeden řádek výběru. Úvodní značky musí obsahovat atribut hodnoty (jeho hodnota bude přenesena na server) a mezi úvodní a závěrečnou část umístěte text, který se návštěvníkovi zobrazí v tomto řádku seznamu. Například: První výběrový řádek Druhý výběrový řádek Třetí výběrový řádek