HTML CSS ＜form＞ について

Question

現在HTML CSSで計算フォームのフロント部分を作成中ですが＜form＞について質問したいです。
運動頻度の項目を<form>の中に<select>で作成しましたがこれで入力情報の送受信可能でしょうか？　まだ送受信先等のコードは書いていません。

ここに言語を入力
HTML
コード

<form class="diet_form"> <dl> <dt>身長(cm)：</dt> <dd><input type="number" class="box" name="stature"></dd> <dt>体重(kg)：</dt> <dd><input type="number" class="box" name="weight"></dd> <dt>年齢(歳)：</dt> <dd><input type="number" class="box" name="bfp"></dd> <dt>運動頻度(週〜回)</dt> <p> <select name="example1"> <option value="サンプル1">ほぼ運動しない、通勤、デスクワーク</option> <option value="サンプル2">軽い運動。週に1〜2回の運動</option> <option value="サンプル3">中程度の運動。週に3〜5回の運動</option> <option value="サンプル4">激しい運動。週に6回〜7回の運動</option> <option value="サンプル5">非常に激しい運動。1日2回程度の運動</option> </select> </p>

      <input type="radio" class="btn" name="gender" value="male">男性
      <input type="radio" class="btn" name="gender" value="female">女性
      <p><input type="button" class="calc-btn" onclick="calc(weight.value, bfp.value);" value="計算"></p>
  </form>

Comments

[K_3578]

解決済ですが気になったので。
タイトルが<from>になってます。<form>の誤記かと思いますので修正して頂ければと

[m.ts10806]

解決したようですけど、まず、やってみては？
現状では問題が明確になっていません。

Answer 1

これで入力情報の送受信可能でしょうか？

あとは、

• <form> に action="..." を付ける
• <inputt type="sbubmit"> か <button type="submit">...</button> を足す

でサーバに送信可能になります。

---

もし、サーバに頼らずにクライアントでの計算だけで済むアプリケーションでしたら、そもそも <form> はなくても大丈夫です。

Comments

[watapon]

回答ありがとうございます。
CSSでレイアウト整え次第追記してPHP書いていきます！

[m.ts10806]

補足なのでこちらで。
buttonのtype初期値はsubmitなので明示する必要はないです。

[watapon]

補足ありがとうございます！
まだまだ勉強不足なので精進します。