MDN Web docs ウェブ開発を学ぶ (Webフォーム)

MDNで、Webフォームーユーザーデータの操作を確認した時の覚書です。


コアフォーム学習経路

  • <lavel for="[id]"> ラベルとフォームの関連付け
  • inputは終了タグなし。textareaは終了がタグが必要
  • button typeは、 submit|reset|button
    • button タイプは、htmlで装飾されたUIが可能
  • form のネストは禁止
  • fieldset 子をグループ化。legend でキャプション表示
  • input typeは、button|checkbox|date|email|file|image|number|password|submit|url|...
  • placeholder テキスト入力ボックス内に表示されるテキスト
  • Media Types の完全なリスト 物凄い数がある
  • contenteditable textarea をリッチコンテンツにできる
  • select [optgroup] option [multiple size]
  • オートコンプリートボックス
    • <input type="text" … list="mySuggestion">
    • <datalist id="mySuggestion">
      • <option>Appble</option>
      • <option>Banana</option>
    • </datalist>
  • -webkit-appearance: none os標準のスタイル削除し、クロスプラットフォームで統一したUIを提供する。
  • required pattern
    • textarea は未サポート

高度なフォームの記事

プログラム開発

Posted by iwadjp