SYNCERのロゴ
アイキャッチ画像

入力フォームに値をセットする方法

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" ;

  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年7月30日 (日)
コンテンツを公開しました。