LoginSignup
1
0

More than 3 years have passed since last update.

Javascript -イベント フォームに内容を送る- 自分用ノート

Posted at

読み取りたいフォームの内容を読み取る方法

取得した要素<form>.読みたいりたいフォームのname属性 .value
    処理内容
}

①定数を定義する

const search =

②入力内容を読み取るため

要素を取得(getElementByIdメソッド)
const search = document.getElementById('form')

③★結構重要。フォームにname属性指定をする

<input type="text" name="word">

④Javasctiptのプログラムが読み取る。word(ネーム属性)指定。

const search = document.getElementById('form').word

⑤valueプロパティに入れて保存させる

const search = document.getElementById('form').word.value

基本動作をキャンセルさせる方法

イベントオブジェクトをファンクションで受け取る

document.getElementById('form') = funcion(event)

渡されたのはイベント"オブジェクト"
→プロパティやメソッドを持っている

タグの基本動作をキャンセルする働きを持つ.
functionの{〜に追加}

event.preventDefalt();
1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0