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

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

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<!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>
<!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>
<!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