HTML Част 13 (Формуляри )

fix3d трудност:

видян: 20871

ЕДИНИЧЕН ИЗБОР - ВЪВЕЖДАНЕ НА РАДИОБУТОНИ

Радио-бутоните дават възможност за избор между няколко възможности, както това може да се направи и с полетата за маркиране. Разликата при радио-бутоните е, че позволяват да се избере само една от няколко възможности (клиента не може да избере няколко възможности едновременно, както при полетата за маркиране).

Самите радио-бутони представляват малки полета във вид на кръгчета. При щракане върху съответния радио-бутон той се маркира с точка. Отмаркирване чрез повторно щракане не е възможно. Не е възможно и да се маркират няколко радио-бутона един след друг - маркирането на всеки следващ радио-бутон автоматично отменя маркирането на предишния.

За да се изработи радио-бутон е нужно на атрибута type от тага input да се зададе стойност radio.

Всички останали атрибути и правила са като при полетата за маркиране.

ПРИМЕР:

<form>

От кого бихте се отървали, ако ви падне случай? (Може да изберете само една възможност)<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" />
Съседите

</form>

Този формуляр е подобен на формуляра от по-горния пример, с тази разлика, че тук възможностите на попълващия формуляра са ограничени до единичен избор.

ДРУГИ ВЪЗМОЖНОСТИ ЗА ИЗБОР - ПАДАЩИ МЕНЮТА

Освен чрез радио-бутони и полета за маркиране вашите клиенти могат да направят своя избор и чрез падащи менюта. Те се наричат "падащи", защото на страницата се вижда само едно поле с една възможност, но когато се щракне върху менюто списъка с останалите възможности "пада" и дава възможност за избор на някоя от тях.

Както и останалите формуляри, падащото меню също е затворено между начален и краен таг form. Тага за падащо меню е option, а атрибута value задава название на съответната възможност, така че тя да се различава от останалите.

Всяко падащо меню задължително започва (след тага form) с тага select, който има затварящ таг непосредствено преди затварящия таг на form и в който чрез атрибута name се задава име, обединяващо всички възможности за избор от падащото меню.

ПРИМЕР:

<form>

От кого бихте се отървали, ако ви падне случай? (Падащо меню)<br />
<select name="ChooseOne">
<option value="Tashta">Тъщата</option>
<option value="Jena">Жената</option>
<option value="Sasedi">Съседите</option>
</select>
</form>

Падащите менюта дават възможност както за единичен, така и за множествен избор. Горния код е пример за падащо меню с единичен избор. За да бъде възможно клиентите да маркират повече от едно поле от падащото меню е нужно в тага select да се въведе атрибута multiple. Този атрибут няма собствена стойност и затова според изискванията на XHTML му се задава като стойност собственото му название (<select multiple="multiple").

Ако по някаква причина желаете падащото меню да се вижда, но да не може да се използва, трябва да добавите в тага select атрибута disabled и да му зададете като стойност собственото му название (select disabled="disabled").

ДРУГИ ВЪЗМОЖНОСТИ ЗА ИЗБОР - МЕНЮ ВЪВ ВИД НА ПОЛЕ

Ако в тага select въведете атрибута size и му зададете някаква стойност по голяма от 1 (например size="2" или size="10" и т.н.) ще получите меню в поле с лента или без лента за скролиране отстрани. Накратко, атрибута size със зададена в цифри стойност превръща падащото меню в меню с лента за превъртане, ако цифрата, зададена като стойност на size, е по-малка от броя на редовете в менюто. Например в горния случай имаме 3-редово меню - 1-ви ред "тъщата", 2-ри ред "жената" и 3-ти ред "съседите". Ако зададем на атрибута size стойност "2" ще получим меню с лента за превъртане. Ако зададем на този атрибут стойност по-голяма от 2 (3 или повече) ще се получи меню във вид на поле в страницата, но без лента за превъртане.

След като менюто е готово клиентите могат да направят множествен избор (да маркират повече от една възможност) като натиснат от клавиатурата бутон Shift и започнат да "влачат" с мишката по менюто или да щракат последователно върху различни възможности.

ПРИМЕР:

<form>

От кого бихте се отървали, ако ви падне случай? (Mеню с възможност за множествен избор)<br />
<select name="MultiChoice" size="2" multiple="multiple">
<option value="Tashta">Тъщата</option>
<option value="Jena">Жената</option>
<option value="Sasedi">Съседите</option>
</select>

</form>

Ако желаете някой от редовете на менюто да бъде предварително маркиран (подобно на радио-бутоните и полетата за маркиране, където това се прави с атрибута checked), трябва да въведете в желания за маркиране таг option атрибута selected, като му зададете за стойност собственото му название, например

<option value="Jena" selected="selected">Жената</option>

Страници: «1 2 3

Сподели урока:

HTML Част 13 (Формуляри )

Регистрирайте се, за да добавите коментар