Потребител Парола | Регистрация | Забравена парола
Меню
· Начало
· Файлове
· Форум
· Връзки
· Категории на уроците
· За контакти
· Фото галерия
· Търсене
Кажи на приятел

Вашия email:
email на приятел:
Копие за вас?
Реклама

HTML Формуляри

HTMLФормуляри: 1-ва част

Формулярите са един от важните инструменти, особено когато става дума за изработване на интерактивна или комерсиална страница. Чрез формулярите вашите клиенти могат да дадат информация за себе си, да поръчат вашите продукти, да попълнят анкета, чрез която да се ориентирате какви са техните предпочитания, да дадат мнение по определен въпрос и пр. Т.е. формулярите са вид средство за обмяна на информация между разработчика на сайта и неговите посетители.

Всеки формуляр започва с отварящ таг <form> и завършва със затварящ таг </form>. Цялото съдържание на формуляра е заключено между тези два тага.

Почти всички елементи на формулярите се въвеждат чрез следващия по важност таг input, който може да съдържа няколко атрибута, най-важния от които е атрибута type. Тага input не притежава затварящ таг и затова според изискванията на XHTML наклонената затваряща черта се изписва в края на самия таг.
Всички тагове input и техните атрибути със съответните стойности се разполагат между двата основни тага <form> и </form>.

Типичната структура на един формуляр изглежда така:

<form>
<input type="стойност" />
<input type="стойност" />
<input type="стойност" />
...
...
...
</form>



ПОЛЕ ЗА ТЕКСТ

Почти всеки формуляр съдържа поле за въвеждане на текст или няколко такива полета. На страницата тези полета се показват като правоъгълници, в които може да се въвежда текст.

За да се зададе поле за въвеждане на текст във формуляр, трябва да се въведе атрибута type на тага input и да му зададете стойност text:

<input type="text" />

В този случай на страницата ще се изобрази текстово поле, което по подразбиране има дължина 20 символа (тъй като не e изрично зададена дължина на полето).

Препоръчително е освен атрибута type в тага input да се използват и следните атрибути:

- Атрибута name, който приема като стойност името, което дадете на полето. Ако едно текстово поле е предназначено да съдържа например имейла на клиента, то е уместно на атрибута name да се присвои стойност Email или EmailAddress.

Когато задавате име като стойност на някой от атрибутите на формуляра, което се състои от две думи (например Email Address), винаги трябва да изписвате тези думи слято. Думите може да отделите като изписвате всяка от тях с главна буква (например name="EmailAddress").


- Атрибута size задава дължината на текстовото поле в брой символи (например size="45"). Ако не се използва този атрибут дължината на текстовото поле по подразбиране ще бъде 20 символа.


- Чрез атрибута value може да се зададе текст, който да се вижда в текстовото поле преди още клиента да е въвел някаква информация. Например ако текстовото поле е предназначено да съдържа уеб-адреса на клиента, е уместно да се въведе атрибута value и да му се зададе стойност http://


- Чрез атрибута maxlenght може да въведете ограничение на броя на изписваните в текстовото поле символи. Например ако зададете maxlenght="15" в текстовото поле няма да бъде възможно да се въведат повече от 15 символа (букви, цифри и др.).
Преди всяко въвеждане на тага input е нужно да въведете текст, който да обяснява на клиента предназначението на съответното текстово поле. Ако например създавате текстово поле за въвеждане на имейл е уместно пред полето да се изпише "Въведете вашия имейл", "Имейл адрес:" или нещо подобно.

ПРИМЕР:

<form>

Вашето име: <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://" />

</form>
· smilev на January 17 2011 14:11:51 · 0 Коментари · 2121 Прочитания · Отпечатай
Коментари
Няма добавени коментари.
Напиши коментар
Моля влезте, за да коментирате.
Оценка
Рейтингите са достъпни само за регистрирани.

Моля влезте или се регистрирайте за да гласувате.

Няма оценки.
Вход
Потребител

Парола



Не сте регистрирани?
Натиснете тук за регистрация.

Забравена парола?
Натиснете тук за нова.
Анкета
С каква операционна система работите











Трябва да влезете за да гласувате.
ЧАТ
Трябва да влезате за да пуснете съобщение.

Няма съобщения.
Статистика