Подреден списък:
<ol>
<li> Елемент 1 </li>
<li> Елемент 1 </li>
<li> Елемент 1 </li>
</ol>
Пример за подреден списък: <ol type="1">
Стойностите на атрибута type за подредените списъци са :
type=1 за списъци 1. 2. 3.
type=a за списъци a. b. c.
type=A за списъци A. B. C.
type=i за списъци i. ii. iii.
type=I за списъци I. II. III.
Неподреден списък
Неподреден е списъка, в който елементите не са номерирани чрез арабски цифри, римски цифри или букви. Тагът за такъв списък е ul:
<ul>
<li>Първи елемент от списъка</li>
<li>Втори елемент от списъка</li>
<li>Трети елемент от списъка</li>
</ul>
Възможните стойности са три атрибута:
disc (запълнен кръг като този, който е по подразбиране)
circle (незапълнен кръг)
square (запълнен квадрат).
Пример за неподреден списък с незапълнени кръгчета: <ul type="circle">
Вложени списъци
|
HTML формуляри
<form>
Име: <br/>
<input type="text" name="familia" /><br/>
Фамилия:<br/>
<input type="text" name="familia" /><br/>
</form>
Многоредови текстови полета
За разлика от едноредовите, многоредовите полета дават възможност за въвеждане на по-дълъг текст, като например коментар или съобщение.
Задават се с двойката тагове <textarea> и </textarea> и могат да бъдат произволно избран от вас брой редове (rows) и колони (cols):
<p> Моля, въведете вашите коментари </p>
<textarea name="comment" rows="5" cols="40"> </textarea>
Радио бутони
Чрез радио бутоните се избира един от няколко възможни отговора. Полето "name" за всички възможни избори трябва да има една и съща стойност.
Ето един често срещан пример:
<p> Желаете ли да получавате новини от нашия сайт?</p>
<input type="radio" name="news" value="Yes"/> Да <br/>
<input type="radio" name="news" value="No"/> Не <br/>
Множествен избор: кутийки с отметки
Когато искате потребителите да изберат една или повече от няколко възможности, използвайте кутийки с отметки.
Те се задават с type="checkbox" и също като радиобутоните трябва да имат едно и също име, зададено като name, но различни стойности, указани с value:
<p> В какъв профил ще продължите средното си образование?</p>
<input type="checkbox" name="profil" value="language"/>Чужди езици: <br/>
<input type="checkbox" name="profil" value="predpriemachestvo"/> Предприемачески <br/>
Падащо меню
|
Задача формуляри:
Създайте формуляр за заявка за кандидатстване в конкурс като използвате информацията в примера: zaiavka.pdf
https://help.superhosting.bg/html-forms.html
Пароли
От съображения за сигурност е желателно при въвеждане на пароли на екрана да не се показват въвежданите символи, а обикновено точки или звездички.
Таг за въвеждане на пароли: <input type="password">
<form>
<p> Потребителско име: </p>
<input type="text" name="ime"/><br/>
<p> Парола: </p>
<input type="password" name="pass" />
</form>
Тест_2_HTML, Тест_3_HTML
|
|