using input type="url" and autocomplete="url"
We wanna check if this sentence is true: "Line-breaks and leading or trailing whitespace are automatically removed from the input value."
by Konstantin Rouda
HTML
<form>
<label>Text (email)</label>
<input type="text" autocomplete="email" />
<label for="url">URL (url)</label>
<input type="url" id="url" autocomplete="url" />
<button type="submit">Send</button>
</form>
CSS
* {
box-sizing: border-box;
}
LABEL {
display: block;
}
JavaScript
;(function() {
"use strict";
const urlInput = document.querySelector("#url");
const textInput = document.querySelector("[type=text]");
document.forms[0].addEventListener("submit", function(e) {
const formElem = e.currentTarget;
const urlValue = urlInput.value;
debugger;
e.preventDefault();
});
})();