フォームを送信しないボタンを作成する方法html

Question

こんにちは、現在、ユーザーがプロフィールを編集できるページを作成中です。基本的に、このページはフォームとは何の関係もないボタンがほとんどない大きなフォームです。編集プロファイルを完全にキャンセルしてユーザーをリダイレクトするなどの操作を行います。問題は、私は独立したフォーム内にボタンを作ることができないということです。また、フォームの外に置くこともできません。なぜなら、CSSの適切なdivには含まれないからです。私は何をすべきか？なぜあなたは入れ子にされたフォームを持つことができないのですか？どの入力タグも最新のフォームスコープにのみ適用されるため、論理的なようです。

ありがとうございました

Answer 1

このボタンはフォームを送信しません。

<button type='button'>Do something</button> 

ボタンのデフォルトtypeがsubmitあるので、これは、フォームを送信しません。

<button>Submit</button> 

EDIT：

あなたが使用できる場合Javascriptあなたがこれを行うことができます。

<button type="button" onclick="location.href='http://google.com';">Google</button>