HTML の input タグで作られたテキストフィールドやチェックボックス等の入力フィールドの内容を送信するには、通常 input タグの type に submit を指定した送信ボタンを使用しますが、JavaScriptでも送信することができます。
form の内容を送信するには submit メソッドを使用します。id button が指定された要素がクリックされると、「hoge」と名前がついたformの内容をsend.phpにPOST送信します。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<html> <head> <meta charset="UTF-8" /> <script type="text/javascript"> window.onload = function(){ document.getElementById('button').onclick = function(){ document.hoge.submit(); } } </script> </head> <body> <form method="post" action="send.php" name="hoge"> <input type="text" name="text" /><div id="button">送信</div> </form> </body> </html> |