1. Основни тагове при изграждане на формуляр (form) - отварящ таг, затварящ таг - таг input, който може да съдържа няколко атрибута, няма затварящ таг и затова наклонената затваряща черта се изписва в края на самия таг. Типичната структура на един формуляр изглежда така: <input type="стойност" /> <input type="стойност" /> <input type="стойност" />...
2. Въвеждане на поле за текст във формуляр - атрибути и стойности <input type="text" /> Атрибут name, който приема като стойност името, което дадете на полето. Атрибута size задава дължината на текстовото поле в брой символи /например size="45"/. Ако не използвате този атрибут дължината на текстовото поле по подразбиране ще бъде 20 символа. Атрибут value задава се текст, който да се вижда в текстовото поле преди още клиента да е въвел някаква информация. Атрибут maxlenght - може да въведете ограничение на броя на изписваните в текстовото поле символи.
Вашето име: <input type="text" name="name size="45" maxlenght="40" /><br /> Вашия имейл: <input type="text" name="emailaddress" size="45" maxlenght="40" /> <br /> Вашия уеб-адрес: <input type="text" name="webaddress" size="45" maxlenght="40" value="http://" /> Ефекта от горния код в страницата е следния:
3. Множествен избор. Въвеждане на полета за маркиране във формуляр - на атрибута type от тага input се задава стойност checkbox - поне 2 на брой или повече полетата за маркиране. - Името, което ще се присвои като стойност на атрибута name трябва да бъде еднакво за всички полета за маркиране от формуляра, за да се покаже, че това са документи, подчинени на една и съща тема. - Чрез атрибута value се задава название на съответното поле за маркиране, чрез което полетата да се различават /тъй като имената им зададени с атрибута name е задължително да са еднакви/. - Ако желаете едно от полетата за маркиране да бъде маркирано предварително /по подразбиране/, трябва да използвате атрибута checked, като му зададете за стойност собственото му название (checked="checked ).
От кого бихте се отървали, ако ви падне случай?<br /> <input type="checkbox" name="choice" value="tashta" checked="checked" /> Тъщата<br /> <input type="checkbox" name="choice" value="jena" /> Жената<br /> <input type="checkbox" name="choice" value="sasedi" /> Съседите Ефекта от горния код в HTML-страницата е следния:
4. Единичен избор. Въвеждане на радио-бутони във формуляр За да се изработи радио-бутон е нужно на атрибута type от тага input да се зададе стойност radio Всички останали атрибути и правила са като при полетата за маркиране.
От кого бихте се отървали, ако ви падне случай? (Може да изберете само една възможност)<br /> <input type="radio" name="onechoice" value="tashta" checked="checked" /> Тъщата<br /> <input type="radio" name="onechoice" value="jena" /> Жената<br /> <input type="radio" name="onechoice" value="sasedi" /> Съседите Ефекта от горния код в HTML-страницата е следния:
5. Падащи менюта - Тага за падащо меню е option. - Всяко падащо меню задължително започва /след тага form/ с тага select, който има затватящ таг непосредствено преди затварящия таг на form и в който чрез атрибута name се задава име, обединяващо всички възможности в падащото меню.
От кого бихте се отървали, ако ви падне случай? (Падащо меню)<br /> <select name="chooseone"> <option value="tashta">тъщата</option> <option value="jena">жената</option> <option value="sasedi">съседите</option> </select> Ето как ще изглежда менюто в прозореца на браузъра:
От кого бихте се отървали, ако ви падне случай? (Mеню с възможност за множествен избор)<br /> <select name="multichoice" size="2" multiple="multiple"> <option value="tashta">тъщата</option> <option value="jena">жената</option> <option value="sasedi">съседите</option> </select> Горния код изглежда в страницата по следния начин:
6. Многоредови полета за въвежадане на текст - таг textarea, който притежава затварящ таг. Атрибутите на тага: - Атрибут name - определя названието, под което ще се съхранява и обработва тази част от формуляра - Атрибут rows, на който се присвоява като стойност някаква цифра, указваща височина на полето в брой редове - Атрибута cols, на който се присвоява като стойност някаква цифра, указваща ширината на полето в брой знаци /цифри, букви и др./
Вашия коментар:<br /> <textarea name="comentar" cols="50" rows="10">смятам че </textarea> Ефекта в прозореца на браузъра е следния:
7. Поле за въвеждане на парола - таг input атрибут type със стойност "password": Въведете своята парола: <input type="password" name="parola" /> На страницата ще се вижда следното:
8. Поле за прехвърляне /upload/ на файлове - на атрибута type от тага input се присвоява стойността file. - атрибути size и name, с които се задава съответно дължина на полето в брой символи и название, което да съответства на предназначението на полето. - поле и бутон с надпис Browse. Прехвърлете файл от личния си компютър: <input type="file" size="25" name="uploadfile" /> Ефекта в прозореца на браузъра е следния:
Начини за обработване на формуляри А) Бутони: - "Submit" - данните се изпращат за обработка и съхранение и по този начин завършва работата по попълването на формуляра. - "Reset" - формулярът се изчиства и се изтриват попълнените вече данни За изработването на бутона "Submit" в HTML е предвидена следната команда: <input type="submit" value="submit" /> Ефекта от горния код в прозореца на браузъра е следния:
Б) Указване на начин за обработка на формуляра За да изпратите формуляра на някакъв имейл е необходимо само да добавите в отварящия таг form /най-първия таг на всеки формуляр/ атрибута action и да му зададете като стойност адреса на имейла в който трябва да пристигне информацията, придружен от формата mailto:: <form action="mailto:somename@someserver.com">.........