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

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

Атрибут alt (HTML тега <input>) содержит альтернативный текст для изображения, если оно по какой-то причине не было загружено (например, из-за ошибки соединения, или ошибки в адресе пути к изображению).

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

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

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

Синтаксис:

<input alt = "text">

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

Значение	Описание
text	Содержит альтернативный текст для изображения.

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

Нет.

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

<!DOCTYPE html>
	<html>
	<head>
		<title>Пример использования атрибута alt HTML тега <input></title>
	<style>
	input {
	color:  orange; /* устанавливаем цвет для альтернативного текста */
	}
	</style>
	</head>
	<body>
		<input type = "image" src = "/wrong/path.png" alt = "Альтернативный текст">
	</body>
</html>

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

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

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

HTML тег <input>