HTMLのbuttonタグのsubmitの送信先について

###前提・実現したいこと
※JavaでWebアプリケーションを作る練習目的です。

数字キーをおすと画面に数字が追加される機能

を目指してネットで検索していたところ、
HTMLのbuttonタグを見つけました。
（サーブレットにHTML形式で記述可能なことはわかりました。）

ただ説明読んでもよくわからなかった部分があります。
submit というのはどこに何を送信するのかがわかりません。

このタグに submit　をつければ
そのボタンを押した時に、
テキストフィールドに押したボタンの数字を
表示させることは可能でしょうか？

よろしくお願いします。

行動規範の内容に同意します

回答1件

ベストアンサー

ご質問の内容が理解しきれているかわかりませんが、対応したいことは、数字に対応したボタンを押すと、Javaサーブレット側の処理として初期値に対応する数字が入力されたテキストボックスが表示されるようにしたいということかと思います。

Javaサーブレット側に値を送信(submit)するためには、HTMLのフォームについての知識を必要とするかと思います。
下記などを参考に、HTMLフォームを作成してみてください。

初めての HTML フォーム - ウェブ開発を学ぶ | MDN

フォームの情報の送信先は、今回はJavaサーブレットになるものと思います。

また、Javaの学習のためということですので回答とはならないかもしれませんが、ご質問の内容はJavaScriptというHTML側に記載し、ブラウザ上で実行される言語でも対応が可能です。
下記を、"test.html"といった名前で保存し、ブラウザで実行してみてください。

html
1<!DOCTYPE html>
2<html>
3<head>
4   <script type="text/javascript">
5      function setText(elmId) {
6         elm = document.getElementById(elmId);
7         textbox = document.getElementById('textbox');
8         textbox.value = elm.innerText;
9      }
10   </script>
11   <title>test.html</title>
12</head>
13<body>
14   <h1>test.html</h1>
15   <p>数字のボタンを押してください。</p>
16   <p><input id="textbox" type="text"></p>
17   <p><button id="btn1" onclick="setText('btn1');">1</button></p>
18   <p><button id="btn2" onclick="setText('btn2');">2</button></p>
19   <p><button id="btn3" onclick="setText('btn3');">3</button></p>
20</body>
21</html>