JavaScriptでテキストボックスに入力された値の取得方法と書き換え方法

今回は、JavaScriptでテキストボックスに入力された値の取得方法と書き換え方法について、それぞれに分け、簡単に解説していきます。

HTMLでのテキストボックスの書き方

HTMLではinputタグを使ってテキストボックスを作ることができます。

テキストボックスの場合、inputタグのtype属性はtextにし、idやname属性も設定します。

<input type="text" id="username" value="hoge">

上記のコードでは、idがusernameのテキストボックスを作り、value属性の初期値をhogeに設定しています。

テキストボックスに入力された値の取得方法

テキストボックスの値はテキストボックスの要素のvalueプロパティで取得できます。