Атрибут widthhtml5 HTML тега <input>

HTML тег <input>

Значение и применение

Атрибут widthhtml5 (HTML тега <input>) задает ширину элемента.

Атрибут используется только с элементами управления, которые определяют графическую кнопку "отправить форму" (<input type = "image">).


Обращаю Ваше внимание, что рекомендуется всегда указывать высоту (heighthtml5) и ширину (widthhtml5) для изображений, в этом случае браузер резервирует пространство, необходимое для этих изображений при их загрузке. Если размеры изображения не заданы, то вы можете столкнуться с тем, что при загрузке страницы макет страницы будет меняться.


Поддержка браузерами

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
widthhtml5ДаДаДаДаДаДа

Синтаксис:

/* значение указывается цифрой (нет необходимости добавлять px) */
<input width = "pixels">  

Например:
<input width = "50">  

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

ЗначениеОписание
pixelsЗадает ширину элемента в пикселях.

Отличия HTML 4.01 от HTML 5

Атрибут widthhtml5 считается новым в HTML 5.

Пример использования

<!DOCTYPE html>
	<html>
	<head>
		<title>Пример использования атрибута width HTML тега <input></title>
	</head>
	<body>
		<form>
			Login: <input type = "text" name = "login"><br><br>
			<input type = "image" src = "../../images/right2.png" alt = "submit" width = "40" height = "40">
		</form>
	</body>
</html>

В данном примере мы создали элемент управления, который определяют графическую кнопку "отправить форму" (<input type = "image">). В атрибуте src элемента мы указали относительный путь к файлу с изображением, в атрибуте alt указали альтернативный текст, для того случая если изображение по каким-то причинам не будет загружено. Размеры изображения в пикселях мы задали с использованием атрибутов widthhtml5 (ширина) и heighthtml5 (высота).

Результат нашего примера:

Пример использования атрибута width HTML тега <input> (ширина элемента).
Пример использования атрибута width HTML тега <input> (ширина элемента).
HTML тег <input>
×

Кажется, вы используете блокировщик рекламы :(

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

Добавьте, пожалуйста, basicweb.ru в исключения блокировщика рекламы, этим вы поможете развитию проекта.