Cách sử dụng input type url trong HTML

Kiểu <input type="url"> dùng cho trường nhập địa chỉ web. Trình duyệt hỗ trợ validation tự động: nếu thiếu scheme (https://) hoặc TLD (.com), sẽ báo lỗi "Please enter a URL" khi submit.

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>HTML input URL</title>
  </head>
  <body>
    <form action="" method="get">
      Thông tin:<br><br>
      Tên học sinh<br><input type="text" name="sname"><br>
      Website học sinh<br><input type="url" name="website"><br>
      <input type="submit" value="Gửi">
    </form>
  </body>
</html>

Mẹo: Kết hợp pattern nếu cần validation tùy chỉnh chặt chẽ hơn (ví dụ chỉ cho phép domain riêng).