Поля ввода адресов сайтов и email

Курсы §21. Формы, часть 2
1

Добрый день.
В задании 20/28 курса нужно: “Добавьте поле для ввода адреса сайта с именем url и атрибутом required.”
Когда я ввел корректные данные своего сайта www.net-ego.ru в поле, высвечивалась ошибка о неправильном формате. Поле требует чтобы я вводил адрес в формате https://www.net-ego.ru
Вопрос:
Это как-то можно изменить не меняя сам тип поля с url на text например, чтобы не нужно было указывать https:// а то пользователи могут об этом и не догадаться. Многие уже привыкли даже без www вводить адрес.

2

Искал в google по ключу: “input type url without http”.

Добавьте в HTML

<script>
     function checkURL(o) { o.value = o.value.replace(/^(https?:\/\/)?/i, "http://"); } 
</script>

В CSS

<input type="url" name="url" onchange="checkURL(this)" required>