Page 42 - 6108

url – створює поле для введення URL-адрес.

week – створює поле для вибору номера тижня, після чого

вводить дані в форматі тт-рррр.

Задає текст, який відображається на кнопці, в поле або
value
пов'язаний текст.

width Задає ширину поля форми.

Елемент <textarea> ... </textarea> використовується замість
елемента <input type = "text">, коли потрібно створити велике текстове
поле. Текст, що відображається як початкове значення, поміщається всередину
тега. Розміри поля встановлюються за допомогою атрибутів cols – розміри по

горизонталі, rows – розміри по вертикалі. Висоту поля можна задати через
атрибут height.
Списки дають можливість розташувати велику кількість пунктів
компактно. Списки, що розкриваються, створюються за допомогою елементу
<select> ... </select>. Вони дозволяють вибрати одне або кілька значень
із запропонованої множини. За замовчанням у переліку відображається його
перший елемент.
Щоб додати елемент до списку використовуються елементи <option>
... </option>, які розташовуються усередині <select>.

Для групування елементів списку застосовується елемент <optgroup>
... </optgroup>, який створює заголовки в списках.

<select>
<optgroup label="Колір">
<option value="c1">Червоний</option>
<option value="c2">Зелений</option>
<option value="c3">Синій</option>
</optgroup>
<optgroup label="Тон">
<option value="s1">Світлий</option>
<option value="s2">Нормальний</option>
<option value="s3">Темний</option>
</optgroup>
</select>
Написи до елементів форми створюються за допомогою елемента
<label> ... </label>. Існує два способи угруповання написи і поля. Якщо

поле знаходиться всередині елемента <label>, то атрибут for вказувати не
потрібно.
<!-- з атрибутом for -->
<label for="comments">Які значення може приймати атрибут type
елементів форми</label>
<textarea id="comments"></textarea>
<!-- без атрибута for -->
<p><label>1-й курс<input id="kurs_1"
type="checkbox"></label></p>