| Элемент | ||||||
| <input> | 2+ | 1+ | 1+ | 1+ | 1+ | 1+ |
| <select> | 3+ | 1+ | 3.5+ | 1+ | 1+ | 1+ |
| <basefont> | 2+ | |||||
| <hr> | 3+ | 1+ | 2+ | 1+ | 1+ | 1+ |
HTML Атрибут size
Атрибут size (от англ. "size" — «размер») определяет для элементов:
- Для тега <input> — ширину текстового поля, которая определяется числом символов моноширинного шрифта. Иными словами, ширина задаётся количеством близстоящих букв одинаковой ширины по горизонтали. Если размер шрифта изменяется с помощью стилей, ширина также соответственно меняется.
- Для тега <select> — высоту списка. Если значение атрибута size равно 1, то список превращается в раскрывающийся. При добавлении атрибута multiple к элементу <select> при size="1" список отображается как «крутилка». Во всех остальных случаях получается список с одним или множественным выбором.
- Для тега <basefont> — размер шрифта в условных единицах.
- Для тега <hr> — высоту горизонтальной линии в пикселях.
Внимание:
Атрибут size для элементов <basefont> и <hr> не поддерживается в HTML5.Синтаксис
<element size="число">Значения
Любое целое положительное число.
Значение по умолчанию
- Для тега <input> — 20.
- Для тега <select> — зависит от атрибута multiple. Если он присутствует, то размер списка равен количеству элементов. Когда атрибута multiple нет, то по умолчанию значение атрибута size равно 1.
- Для тега <basefont> — размер, установленный в браузере по умолчанию. Обычно он равен 3.
- Для тега <hr> — 2.
Применяется к тегам
| <input> | <select> | <basefont> | <hr> |
Примечание: Атрибут size работает со следующими типами элементов ввода: text, search, tel, url, email, password.
Отличия HTML 4.01 от HTML 5
Нет.
Пример использования:
Атрибут size (Элемент <input>)
HTML-форма с двумя полями ввода шириной 30 и 4 символа:
Пример HTML:
Попробуй сам<form action="/action_form.php">
Email: <input type="text" name="email" size="30"><br>
PIN: <input type="text" name="pin" maxlength="4" size="4"><br>
<input type="submit" value="Отправить">
</form>Атрибут size (Элемент <select>)
Выпадающий список с 3 одновременно видимыми пунктами:
Пример HTML:
Попробуй сам<select size="3">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>Поддержка браузерами
Атрибут size имеет следующую поддержку браузерами для каждого элемента:
Спецификации
| Спецификация | Статус |
|---|---|
| HTML 4.01 (W3C) | Рекомендация |
| HTML 5 (W3C) | Рекомендация |
| HTML 5.1 (W3C) | Рекомендация |
Учебник HTML
HTML уроки: HTML Атрибуты
