HTML5 url input type examples

First Page
<!DOCTYPE html>
<html>
   <head>
      <title>HTML5 URL Input Type examples</title>
      <style type="text/css">
         input[type="url"]:valid {
            outline: 2px solid blue;
         }
         input[type="url"]:invalid {
            outline: 2px solid red;
         }
      </style>
   </head>
   <body>
      <form>
         <label>
            Website URL: <input type="url" name="mywebsite" required>
         </label>
      </form>
      <p><strong>Note</strong>: Enter URL in the form 
      like https://www.google.com</p>
   </body>
</html>
Output

First Page