3 propriedades em elementos input que descobri lendo o MDN

Recursos que só lendo a documentação nós descobrimos!

⭐️ Créditos

Propriedade “defaultValue”

<input type="text" value="Hello world">
const input = document.querySelector('input');

console.log(input.value); // 'Hello world'

input.value = 'New value';

console.log(input.value); // 'New value'
console.log(input.defaultValue); // 'Hello world'

Propriedade “indeterminate”

const input = document.querySelector('input');
input.indeterminate = true;
.msg {
display: none;
}

input:indeterminate ~ .msg {
display: block;
}

Propriedades “selectionStart”, “selectionEnd” e “selectionDirection”

const input = document.querySelector('input');

setInterval( _ => {
console.log(
input.selectionStart,
input.selectionEnd,
input.selectionDirection;
); // e.g. 2, 5, "forward"
}, 1000)

Rápida, e pequena, conclusão

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store