HTML `<input>` type `url` validation scenarios in Safari for certain formats
I'm prototyping a solution and I'm attempting to set up I've been struggling with this for a few days now and could really use some help... I'm working with an scenario where the HTML `<input>` element with type `url` is not validating URLs correctly in Safari (version 16.0). While testing, I found that certain valid URLs, such as `http://localhost:3000` and `http://example.com/path/to/resource?query=string`, are being flagged as invalid in the browser, even though they pass validation in Chrome and Firefox. My HTML looks like this: ```html <form id="myForm"> <label for="website">Website:</label> <input type="url" id="website" name="website" required> <input type="submit" value="Submit"> </form> ``` When I try to submit the form with the local URL, I get the following behavior message in Safari: "Please enter a valid URL." I have also tried setting the `pattern` attribute to allow for local URLs: ```html <input type="url" id="website" name="website" pattern="https?://.*" required> ``` However, this still does not work as expected, and I continue to face the same validation scenario. I have verified that JavaScript is not interfering with the form submission, as I have no validation scripts running on this form. Has anyone found a workaround for this scenario in Safari, or can anyone suggest best practices for ensuring `url` inputs validate correctly across all browsers? Any insights or guidance would be greatly appreciated. I'd really appreciate any guidance on this. This is for a service running on Ubuntu 22.04. The project is a REST API built with Html.