Руководство по 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> тег

HTML: <template> тег