javascript テキストフォームに値を代入する

javascript テキストフォームに値を代入する

javascriptでテキストフォームに任意の値を代入するサンプルコードを記述してます。document.getElementByIdを利用します。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43

※windows10にApacheのインストールはこちら

document.getElementById使い方

document.getElementByIdを使って代入します。

name属性を使用する場合は、以下となります。

class名を使用する場合は、以下となります。

サンプルコード

以下は、テキストフォームに入力した値を、 別の テキストフォームに代入するだけサンプルコードとなります。

※cssには「uikit」を使用してます。

入力した値が、挿入されていることが確認できます。