Your Search Results

    HTML フォームガイド

    HTML フォームのガイドへようこそ。このガイドは、HTML フォームの習得に役立つ記事をそろえています。HTML フォームは、ユーザとやり取りするための強力なツールです。しかし歴史的および技術的な理由により、その能力を十分に生かして使用する方法は、必ずしも明確ではありません。このガイドで HTML フォームの構造からスタイル、データの扱いからカスタムウィジェットまでのあらゆる側面を網羅します。フォームがもたらす強大な力を享受すべく学びましょう!

    記事一覧

    1. My first HTML form
    2. How to structure an HTML form
    3. The native form widgets
    4. CSS with HTML forms
      1. Styling HTML forms
      2. Advanced styling for HTML forms
      3. Property compatibility table for form widgets
    5. Sending and retrieving form data
    6. Data form validation
    7. How to build custom form widgets
    8. Sending forms through JavaScript
      1. Using the FormData object
    9. HTML forms in legacy browsers

    HTML ドキュメント

    HTML 要素

    要素 関連 DOM インターフェイス 説明
    <button> HTMLButtonElement button 要素は、クリック可能なボタンを表します。
    <datalist> HTMLDataListElement datalist 要素は、別のフォーム要素の値の候補を表す <option> 要素のセットを内包します。
    <fieldset> HTMLFieldSetElement fieldset は、フォーム内でいくつかのフォーム要素をグループ化するために使用します。
    <form> HTMLFormElement form 要素はドキュメントで、Web サーバへの情報送信を可能にするインタラクティブな要素を内包するセクションを表します。
    <input> HTMLInputElement input 要素は、フォームでインタラクティブなコントロールを作成するために使用します。
    <keygen> HTMLKeygenElement keygen 要素は、鍵材料の生や公開鍵をHTML フォームの一部として提出することの容易化のために存在します。
    <label> HTMLLabelElement label 要素は、ユーザインターフェイス内のアイテムのタイトルを表します。
    <legend> HTMLLegendElement legend 要素は、親 <fieldset> 要素のコンテンツのタイトルを表します。
    <meter> HTMLMeterElement meter 要素は、既知の範囲内のスカラー値または小数値を表します。
    <optgroup> HTMLOptGroupElement optgroup 要素は、<select> 要素内の、選択肢のグループを作成します。
    <option> HTMLOptionElement option 要素は <select> 要素、<optgroup> 要素、あるいは <datalist> 要素内のアイテムを表すコントロールを作成するために使用します。
    <output> HTMLOutputElement output 要素は、なんらかの計算結果を表します。
    <progress> HTMLProgressElement progress 要素は、タスクの進捗状況を表示するために使用します。
    <select> HTMLSelectElement select 要素は、選択肢のメニューを提供するコントロールを表します。
    <textarea> HTMLTextAreaElement textarea 要素は、複数行のプレーンテキスト編集コントロールを表します。

    注意: HTML 要素であるすべてのフォーム要素は、HTMLElement DOM インターフェイスをサポートします。

    HTML 属性

    属性名 要素 説明
    accept <form>, <input> サーバが受け入れるタイプ、主にファイルタイプのリストです。
    accept-charset <form> サポートする文字セットのリストです。
    action <form> フォームから提出された情報を処理するプログラムの URI です。
    autocomplete <form>, <input> フォーム内のコントロールが、既定でブラウザによってその値をオートコンプリートで補完されてよいかを示します。
    autofocus <button>, <input>, <keygen>, <select>, <textarea> ページを読み込んだら、その要素へ自動的にフォーカスを置くようにします。
    challenge <keygen> 公開鍵とともに提出されるチャレンジ文字列です。
    checked <input> ページが読み込まれた時点で要素にチェックを入れておくかを示します。
    cols <textarea> textarea の列数を定義します。
    data <object> リソースの URI を指定します。
    dirname <input>, <textarea>  
    disabled <button>, <fieldset>, <input>, <keygen>, <optgroup>, <option>, <select>, <textarea> ユーザがその要素を使用できるかを示します。
    enctype <form> method が POST であるときの、フォームデータの content type を定義します。
    for <label>, <output> 自身に付属する要素を示します。
    form <button>, <fieldset>, <input>, <keygen>, <label>, <meter>, <object>, <output>, <progress>, <select>, <textarea> 要素のオーナーである form を示します。
    high <meter> 上位範囲の下限値を表します。
    keytype <keygen> 生成される鍵の種類を指定します。
    list <input> ユーザに提案する、あらかじめ定義された選択肢のリストを示します。
    low <meter> 下位範囲の上限値を表します。
    max <input>, <meter>, <progress> 許容される値の上限を示します。
    maxlength <input>, <textarea> 要素で許容される最大文字数を定義します。
    method <form> フォームを提出するときに使用する HTTP メソッドを定義します。GET (既定) または POST を使用できます。
    min <input>, <meter> 許容される値の下限を示します。
    multiple <input>, <select> type が email または file の input で、複数の値を入力可能かを示します。
    name <button>, <form>, <fieldset>, <input>, <keygen>, <output>, <select>, <textarea> 要素の名前です。例えば、提出されたフォームのフィールドをサーバが特定するために使用されます。
    novalidate <form> フォームを提出するときに検証を行わないことを示します。
    optimum <meter> 最適な数値を示します。
    pattern <input> 要素の値の検証で比較される正規表現を定義します。
    placeholder <input>, <textarea> ユーザに対して、フィールドへ何を入力できるかのヒントを提供します。
    readonly <input>, <textarea> 要素で編集をできるかを示します。
    required <input>, <select>, <textarea> その要素は記入が必須か否かを示します。
    rows <textarea> textarea の行数を定義します。
    selected <option> ページが読み込まれた時点で選択される値を定義します。
    size <input>, <select> 要素の幅を定義します (ピクセル単位)。要素の type 属性が text または password である場合、この属性は文字数を表します。
    src <input> 埋め込みコンテンツの URL です。
    step <input>  
    target <form>  
    type <button>, <input> 要素のタイプを定義します。
    usemap <input>  
    value <button>, <option>, <input>, <meter>, <progress> ページが読み込まれた時点で要素内に表示される既定値を定義します。
    wrap <textarea> テキストを折り返すかを示します。

    規範リファレンス

    Document Tags and Contributors

    タグ:
    Contributors to this page: ethertank, yyss
    最終更新者: ethertank,