HTML5フォーム属性の学習（パート2） - SitePoint

この抜粋は、現実世界のhtml5＆css3、第2版、アレクシス・ゴールドスタイン、ルイ・ラザリス、およびエステル・ワイルによる、重要なHTML5フォームの属性を探ります。 この本は店舗や電子書籍として入手できます。

重要な概念：

• 属性：pattern正規表現に対してユーザー入力を検証します。 自由形式のテキストフィールドに不可欠で、データが特定の形式に適合するようにします。ブラウザエラーメッセージとツールチップを強化する属性を使用して、必要なパターンをユーザーに明確に通知することを忘れないでください。 正規表現自体は複雑になる可能性がありますが、すぐに利用可能なリソースが役立ちます。 title

• 属性：フォームコントロールとのユーザーの相互作用を防ぎます。 特定の基準が満たされるまで、条件付きでフィールドを無効にするのに役立ちます。 CSSのdisabled :disabled

属性：
• 編集を防ぎますが、フィールドの価値の焦点と提出を許可します。事前に満たされたデータのように、ユーザーが変更できない情報を表示するのに最適です。

  readonly

  属性：
ネスト構造の外側のフォームを持つフォーム要素を関連付けます。 IDを使用して要素を別のフォームにリンクすることにより、非抵抗性フォームの制限を解決します。 この属性を削除するには、空の文字列に設定しないでください。

• form属性：el.removeAttribute('form')さまざまな入力タイプ（ファイル、電子メール）で複数の値の選択を有効にします。 この属性を使用した

  入力のブラウザサポートは限られていることに注意してください。 有効な電子メールの構文ではないにもかかわらず、iOSでの電子メール入力にコンマ後のスペースが許可されました。

• multiple属性：ブラウザオートコンプリートを制御します。機密データを推奨するこの機能を無効にするように設定します。ブラウザの動作は、開発者の設定をオーバーライドできます range

• および属性：autocomplete入力フィールドの推奨値のドロップダウンリストを作成します。 Safariを除いて広くサポートされています。 要素と"off"要素と入力フィールドの

  属性を組み合わせます。

• datalistlist属性：ページの読み込みの特定の要素に自動的に焦点を当てます。 一般的に、使いやすさとアクセシビリティの理由で落胆します。 この属性を持つことができるページごとに1つの要素のみ。<datalist></datalist>

さらなる属性：alt、src、height、width（画像の場合）、step、min、（数字と日付の場合）、max、dirname、formaction、formenctype、formmethod、formnovalidate、formtarget、inputmode、minlength、maxlength、checked、name、size、およびtype。value

よくある質問（FAQ）：提供されたテキストは、これらの属性に関する一般的な質問に答え、フォーム検証とユーザーエクスペリエンスの向上での機能と使用法をカバーします。 FAQは、各属性の目的とアプリケーションを個別に明確にします。

図4.4：Firefoxのデータリスト

以上がHTML5フォーム属性の学習（パート2） - SitePointの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。