Presentation is loading. Please wait.

Presentation is loading. Please wait.

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

Similar presentations


Presentation on theme: "HTML – урок 6 Формуляри."— Presentation transcript:

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”> Информатика

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 Указване на начин за обработка на формуляра
Съществуват два начина за обработване на формуляри. Първият и най-прост начин е формуляра с цялата информация в него да се изпрати в някаква електронна пощенска кутия / / и да се съхранява там. Когато информацията от формуляра ви потрябва вие ще отворите -a и ще видите необходимите ви данни. За да изпратите формуляра на някакъв имейл е необходимо само да добавите в отварящия таг form /най-първия таг на всеки формуляр/ атрибута action и да му зададете като стойност адреса на имейла в който трябва да пристигне информацията, придружен от формата mailto:: <form </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>


Download ppt "HTML – урок 6 Формуляри."

Similar presentations


Ads by Google