入力フォームに値をセットする方法
input要素やtextarea要素に値をセットするには、valueプロパティに代入しましょう。
サンプルコード
目的のinput要素を取得して、そのvalueプロパティに値を代入して下さい。
// <input id="target">
document.getElementById( "target" ).value = "SYNCER" ;
textarea要素の場合も同様です。innerHTMLやtextContentではなく、valueに代入しましょう。
// <textarea id="target"></textarea>
document.getElementById( "target" ).value = "SYNCER" ;
デモ
input要素とtextarea要素、それぞれに値をセットするデモです。
input要素
// <input id="target">
document.getElementById( "target" ).value = "SYNCER" ;
textarea要素
// <textarea id="target"></textarea>
document.getElementById( "target" ).value = "SYNCER" ;
関連記事
- 入力フォームの値を取得する方法
- 入力フォームの値を取得するには、プロパティのvalueを参照しましょう。
- 選択フォームの値を取得する方法
- 選択フォームのどの項目が選択状態かを取得するには、要素のselectedプロパティを確認します。
- 選択フォームの値をセットする方法
- 選択フォームの項目を選択状態にするには、要素のselectedプロパティにtrueを指定します。
- ラジオボタンの値をセットする方法
- ラジオボタンを選択状態にするには、要素のcheckedプロパティにtrueを代入します。