Как сделать ссылку на почту в html

Аватар пользователя Nikita Mikhaylov
Nikita Mikhaylov
23 ноября 2021

Для указания ссылки на электронную почту используется тег <a> с привычным атрибутом href. Важная разница заключается в том, что в атрибуте href вначале указывается ключевое слово mailto и, после двоеточия, указывается необходимый адрес электронной почты

<a href="mailto:info@hexlet.io">Написать письмо</a>

Теперь, при клике на ссылку «Написать письмо» будет открываться приложения электронной почты, что очень удобно для пользователей

0 0

Чтобы сделать ссылку на почту в HTML, можно использовать элемент <input type="email">.

Пример кода:

<form action="/" method="post">
  <p>
    <label for="email">Email: </label>
    <input type="email" placeholder="user@gmail.com" id="email" name="email"/>
  </p>
  <button type="submit">Отправить</button>
</form>

При нажатии на такое поле откроется почтовая программа, заданная по умолчанию для обработки ссылок-mailto.

0 0