Атрибут width

Атрибут width устанавливает ширину поля с изображением, созданное с помощью элемента <input>.

Атрибут width может добавляться только к полю для изображений (<input type="image">).

Данный атрибут устарел, взамен используйте стили.

Синтаксис

<input type="image" width="<значение>">

Значения

Любое целое положительное число в пикселях или процентах.

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>width</title> </head> <body> <form action="handler.php"> <p><input placeholder="Введите своё имя" name="name"></p> <p><input type="image" src="image/button-send.png" width="120"></p> </form> </body> </html>

Примечание

Для управления шириной элемента используйте стилевое свойство width.

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>width</title> <style> input { box-sizing: border-box; /* Ширина не учитывает padding */ width: 150px; /* Ширина поля */ } </style> </head> <body> <form action="handler.php"> <p><input placeholder="Введите своё имя" name="name"></p> <p><input type="image" src="image/button-send.png"></p> </form> </body> </html>

Браузеры

3 12 1 4 1 1
3 1 6 1

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.