Architect's Log

I'm a Cloud Architect. I'm highly motivated to reduce toils with driving DevOps.

button要素 formaction属性

button要素のformaction属性は、form要素のaction属性と同じ意味をもちますが、form要素よりも優先されます。

使用例

start.html
<!DOCTYPE html>
<html lang="ja">
<head>
<title>Hello! HTML5></title>
<meta charset="UTF-8">
</head>
<body>
    <form action="./regeister.html" method="post" id="order">
        <p>
            名前:<input type="text" id="name" />
        </p>
        <p>
        <button type="submit" formaction="./confirm.html">確認</button>
        <button type="submit">送信</button>
        </p>
    </form>
</body>
confirm.html
<!DOCTYPE html>
<html lang="ja">
<head>
<title>Hello! HTML5></title>
<meta charset="UTF-8">
</head>
<body>
確認画面です。
</body>

レンダリング

初期表示

確認ボタンクリック