「JavaScript」名前付きフォームの要素を設定するサンプル

2021年8月18日

書式
<form name="xxx">
フォーム変数名.elements.要素.placeholder=XXX
使用例

<!DOCTYPE html>
<html lang="en">
<head>
  <title>document.formsサンプル</title>
</head>

<body>

<form name="logForm">
  <input name="email" type="email">
  <input name="password" type="password">
  <button type="submit">ログイン</button>
</form>

<script>
   /*フォームの名前logForm*/
  var logForm = document.forms.logForm;   　
   /*プレースホルダーemail*/
  logForm.elements.email.placeholder = '123@arkgame.com';
     /*プレースホルダーpassword*/
  logForm.elements.password.placeholder = 'password 456';
</script>
</body>
</html>

JavaScript

Posted by arkgame