HTML FORM ARCHITECTURE

Form Owner Playground

ボタンの置き場所と、操作するformは分けられます。

HTML STANDARD
02

LIVE DEMO

フォーム外から、標準機能を使う

NATIVE VALIDATION
PROFILE

公開プロフィール

表示名と紹介文を設定します。

FIXED ACTION BARフォームの外側
BUTTON LOCATIONOUTSIDE
FORM OWNERprofile-form
VALIDATIONREADY
SUBMIT ACTION
03

WHAT STAYS NATIVE?

離しても、フォームの機能は残る

VALIDATION

ブラウザの判定をそのまま使う

フォーム外の公開ボタンでも、未入力ならrequiredによる送信阻止とフォーカス移動が働きます。

HTML RECIPE

フォーム所有者を指定する

FORM OWNER idとformを同じ値にする

ボタンをformの子要素にしなくても、指定したフォームの送信ボタンとして動きます。

コピーしました