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

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

Атрибут src (HTML тега <input>) задает URL-адрес изображения, которое используется в качестве кнопки отправки.

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

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

Атрибут	Chrome	Firefox	Opera	Safari	IExplorer	Edge
src	Да	Да	Да	Да	Да	Да

Синтаксис:

<input src = "URL">

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

Значение	Описание
URL	Определяет URL-адрес изображения, которое используется в качестве кнопки отправки. Допускается использование как абсолютных, так и относительных адресов.

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

Нет.

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

<!DOCTYPE html>
	<html>
	<head>
		<title>Пример использования атрибута src 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 указали альтернативный текст, для того случая если изображение по каким-то причинам не будет загружено. Размеры изображения в пикселях мы задали с использованием атрибутов width html5 (ширина) и height html5 (высота).

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

Пример использования атрибута src HTML тега <input> (путь к файлу с изображением).

HTML тег <input>