English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Руководство по HTML

Полный список HTML тегов

HTML: атрибут width<input>

Атрибут width HTML input определяет ширину элемента <input>, атрибут width применим только к <input type="image">, если установлены height и width, то при загрузке страницы сохраняется пространство, необходимое для изображения.

 HTML <input> тег

Онлайн пример

Определите изображение в качестве кнопки отправки, размер высоты и ширины атрибутов 45 пикселей:

<!DOCTYPE html>
<html>
<head>
<title>HTML: атрибут width<input> - Учебный сайт(oldtoolbag.com)</title>
<body>
<form action="action_page.php">
  Имя: <input type="text" name="fname"><br>
  Фамилия: <input type="text" name="lname"><br>
  <input type="image" src="img_submit.gif" alt="Submit" width="45" height="45">
</form>
</body>
</html>
Проверьте, ›‹

Совместимость с браузерами

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают атрибут width.

Определение и использование

Атрибут width определяет ширину элемента <input>.

Внимание:Атрибут width действует только для <input type="image">.

Совет:Всегда одновременно указывайте свойства height и width изображения. Если установлены height и width, то при загрузке страницы сохраняется пространство, необходимое для изображения. Но если эти свойства не установлены, браузер не знает размера изображения и не может сохранить для него适当ное пространство. В результате макет страницы изменяется в процессе загрузки (при загрузке изображения).

Различия между HTML 4.01 и HTML5

Атрибут width — это новый атрибут тега <input> в HTML5.

Грамматика

<input width="пиксели">

Значение атрибута

ЗначениеОписание
пикселиШирина в пикселях (например, width="100").
 HTML <input> тег