1. HTML – урок 6
Формуляри

2. 1. Обща информация:
• Формулярите служат за обмяна на
информация между разработчика на
сайта и неговите посетители.
• Чрез тях потребителите дават
информация за себе си, попълват
анкети, дават мнения и др.
• Всеки формуляр започва с отварящ таг
<form> и завършва с </form>. Между тях
се разполагат други тагове – input,
select... в зависимост от
предназначението на формуляра.

3. 2. Видове формуляри:
• Въвеждане на поле за текст:
– <input type=“text” name=“Име” size=“45” maxlenght=“40”
value=“стойност по подразбиране”>
• Въвеждане на полета за маркиране:
– <form>
Кой предмет от учебната ви програма трябва да отпадне?
<input type=“checkbox” name=“Choice” Value=“matematika”
checked=“cheked”> Математика <br>
<input type=“checkbox” name=“Choice” Value=“BEL”> БЕЛ <br>
<input type=“checkbox” name=“Choice” Value=“Informatika”>
Информатика
<form>

4. • Въвеждане на
радиобутони:
<form>
Кого бихте взели със себе
си на самотен остров?
(Може да изберете само
една възможност.) <br>
<input type=“radio”
name=“OneChoice”
value=“Gosho”
checked=“checked”> Гошо
<br>
<input type=“radio”
name=“OneChoice”
value=“Pesho”> Пешо
</form>
• Падащи менюта:
<form>
Кого бихте взели със себе
си на самотен остров?
(Може да изберете само
една възможност.) <br>
<select name=“ChooseOne”>
<option value=“Gosho”>
Гошо </option>
<option value=“Pesho”>
Пешо </option>
</select>
</form>

5. • Многоредови полета за въвеждане
на текст:
<form>
Вашият коментар: <br>
<textarea name=“Comentar” cols=“50”
rows=“10”> Смятам че </textarea>
</form>
• Поле за въвеждане на парола:
<form> Въведете своята парола:
<input type=“password”
name=“parola”>
</form>

6. • Поле за прехвърляне (upload) на файлове:
<form>
Прехвърлете файл от личния си компютър:
<input type=“file” size=“25” name=“UploadFile”>
Натиснете бутона “Browse”, за да видите
ефекта.
</form>

7. 3. Начини за обработване на
формуляри:
За да бъде използваем един формуляр той трябва задължително
да притежава следните елементи:
Бутони
За да бъде използваем формуляра клиентът трябва да има
възможност да съхрани и да изпрати за обработка попълнените
данни. За целта в повечето случаи се използва бутона "Submit".
Чрез натискане на бутон "Submit" данните се изпращат за
обработка и съхранение и по този начин завършва работата по
попълването на формуляра.
•
За изработването на бутона "Submit" в HTML е предвидена
следната команда:
<form>
<input type="submit" value="Submit" />
</form>
Аналогично е изработването на бутон "Reset" чрез който
формуляра се изчиства и се изтриват попълнените вече
данни /ако клиента се е отказал да изпраща информацията
или желае да попълни други данни/.

8. Указване на начин за обработка на формуляра
Съществуват два начина за обработване на формуляри.
Първият и най-прост начин е формуляра с цялата
информация в него да се изпрати в някаква електронна
пощенска кутия /e-mail/ и да се съхранява там. Когато
информацията от формуляра ви потрябва вие ще отворите
e-mail-a и ще видите необходимите ви данни.
За да изпратите формуляра на някакъв имейл е
необходимо само да добавите в отварящия таг form /найпървия таг на всеки формуляр/ атрибута action и да му
зададете като стойност адреса на имейла в който трябва
да пристигне информацията, придружен от формата
mailto::
<form action="mailto:somename@someserver.com">
.........
.........
.........
</form>

9. Вторият
начин за обработка на формуляри е по-сложен, но и
много по-надежден, поради което повечето сайтове използват
именно него. Този начин изисква да притежавате CGI-скрипт за
обработка на формуляри.
Пълния текст на съкращението CGI е Common Gateway Interface.
CGI-скриптът представлява просто програма, написана на някой
от програмните езици - най-често на C, C++ или Perl. Тя има за
задача да обработи формуляра и за целта на атрибута action от
началния таг form се задава като стойност точния адрес в
интернет, където се намира CGI-скриптът. Добре е CGI-скрипта
да се намира на същия сървър, където е "качен" /хостван/
вашият сайт. Обикновено хостовете които позволяват качване на
CGI-скриптове отделят специално за тях директория, която
почти винаги носи названието cgi-bin. Самите CGI-скриптове
представляват файлове с разширение cgi. Нека вашия скрипт да
се намира във файл myscript.cgi, който е качен в директорията
cgi-bin на сървъра, където е хостнат сайтът ви. Тогава командата
за изпращане на формуляра за обработка ще изглежда така:
<form action="cgi-bin/myscript.cgi">
.........
.........
.........
</form>

10. Вторият
начин за обработка на формуляри е по-сложен, но и
много по-надежден, поради което повечето сайтове използват
именно него. Този начин изисква да притежавате CGI-скрипт за
обработка на формуляри.
Пълния текст на съкращението CGI е Common Gateway Interface.
CGI-скриптът представлява просто програма, написана на някой
от програмните езици - най-често на C, C++ или Perl. Тя има за
задача да обработи формуляра и за целта на атрибута action от
началния таг form се задава като стойност точния адрес в
интернет, където се намира CGI-скриптът. Добре е CGI-скрипта
да се намира на същия сървър, където е "качен" /хостван/
вашият сайт. Обикновено хостовете които позволяват качване на
CGI-скриптове отделят специално за тях директория, която
почти винаги носи названието cgi-bin. Самите CGI-скриптове
представляват файлове с разширение cgi. Нека вашия скрипт да
се намира във файл myscript.cgi, който е качен в директорията
cgi-bin на сървъра, където е хостнат сайтът ви. Тогава командата
за изпращане на формуляра за обработка ще изглежда така:
<form action="cgi-bin/myscript.cgi">
.........
.........
.........
</form>