HTML<ボタン>フォーム属性
以下は構文です-
<button form="id">
上記のIDは、ボタンが属するフォームのifです。
のform属性を実装する例を見てみましょう。
例
<!DOCTYPE html> <html> <body> <h2>Points</h2> <form action="" method="get" id="form1"> Player: <input type="text"><br> Rank: <input type="number"><br> Points: <input type="number"><br> </form> <button type="submit" form="form1" value="Submit">Click to Submit</button> </body> </html>
これにより、次の出力が生成されます。ボタンはフォームの一部です-
上記の例では、フォームを設定し、フォーム要素を追加しました-
<form action="" method="get" id="form1"> Player: <input type="text"><br> Rank: <input type="number"><br> Points: <input type="number"><br> </form>
これで、フォームの外側にボタンを設定しました-
<button type="submit" form="form1" value="Submit">Click to Submit</button>
ボタンにフォームIDを設定したので、同じフォームに属します。これは、
-
HTMLフォームメソッド属性
HTMLフォームメソッド属性は、URL変数として送信されるか、HTTPPOSTトランザクションとして送信されることを意味するフォームデータを送信する方法を定義します。 構文 以下は構文です- <form method=”get | post”></form> ここで取得 フォームデータをURL変数として送信し、投稿 フォームデータをHTTPPOSTトランザクションとして送信します。 HTMLフォームメソッドの属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style> &n
-
HTMLフォームアクション属性
HTMLフォームアクション属性は、フォームがHTMLドキュメントで送信されたときにフォームデータを送信する場所を定義します。 構文 以下は構文です- <form action=”URL”></form> HTMLフォームアクション属性の例を見てみましょう- 例 <!DOCTYPE html> <html> <style> body { color: #000; height: 100vh; &nbs