初心者によるJavaScriptによるinput関連の操作の学習

inputなどのフォーム等の操作についてのメモです。

inputの中身を取得するには

main.js

document.querySelector('input[type="text"]');

となる。
<input type="text" value="○○">のところを'input[type="text"]と[]を使って書くのは覚えておきたいです。

テキストエリアの場合は

main.js

document.querySelector('textarea');

ですね。

取得した要素について

main.js

  element.focus(); // フォーカスをあてる
  element.select(); // フォーカスをあて、全選択しておく
  element.disabled = true; // 入力させない

なんかもあります。