From 6ef1fa4618e08426b874529619a66adbd3d1fcf0 Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 12:07:59 +0100 Subject: unslug ja: move --- files/ja/web/html/element/command/index.html | 109 --------------------- files/ja/web/html/element/element/index.html | 64 ------------ files/ja/web/html/forms_in_html/index.html | 46 --------- .../web/html/global_attributes/dropzone/index.html | 48 --------- files/ja/web/html/html_extensions/index.html | 12 --- 5 files changed, 279 deletions(-) delete mode 100644 files/ja/web/html/element/command/index.html delete mode 100644 files/ja/web/html/element/element/index.html delete mode 100644 files/ja/web/html/forms_in_html/index.html delete mode 100644 files/ja/web/html/global_attributes/dropzone/index.html delete mode 100644 files/ja/web/html/html_extensions/index.html (limited to 'files/ja/web/html') diff --git a/files/ja/web/html/element/command/index.html b/files/ja/web/html/element/command/index.html deleted file mode 100644 index ff02ae0e96..0000000000 --- a/files/ja/web/html/element/command/index.html +++ /dev/null @@ -1,109 +0,0 @@ ---- -title: ': HTML コマンド要素' -slug: Web/HTML/Element/command -tags: - - Command - - HTML - - HTML commands - - HTML5 - - 'HTML:Element' - - 'HTML:Element Reference' - - Obsolete -translation_of: Web/HTML/Element/command ---- -
{{obsolete_header()}}
- -

HTML のコマンド要素 (<command>) はユーザーが実行することができるコマンドを表します。コマンドは普通、メニューやツールバーのコンテンツの一部として使われます。しかし、ページ上のどこでも使用できます。

- -
-

<command> 要素は W3C の仕様書に含まれていますが、 WHATWG の仕様書には含まれておらず、ブラウザーの互換性もありません。非標準で Edge と Firefox でしか対応していませんが、代わりに {{HTMLElement("menuitem")}} 要素を使用してください。

-
- - - - - - - - - - - - - - - - - - - - - - - - -
コンテンツカテゴリフローコンテンツ, 記述コンテンツ, メタデータコンテンツ
許可されている内容なし。これは{{Glossary("empty element", "空要素")}}です。
タグの省略開始タグは必須です。終了タグは、空要素であるため使用できません。
許可されている親要素{{HTMLElement("colgroup")}} のみですが、これは開始要素が必須ではないので暗黙的に定義されることがあります。 {{HTMLElement("colgroup")}} は {{HTMLElement("span")}} を子として持ってはなりません。
DOM インターフェイス{{domxref("HTMLCommandElement")}}
- -

属性

- -

この要素にはグローバル属性があります。

- -
-
{{htmlattrdef("checked")}}
-
コマンドが選択されているかを示します。 type 属性が checkbox または radio でなければ指定できません。
-
{{htmlattrdef("disabled")}}
-
コマンドが使用不可であることを示します。
-
{{htmlattrdef("icon")}}
-
コマンドを表す画像を与えます。
-
{{htmlattrdef("label")}}
-
ユーザに対して表示する、コマンドの名称です。
-
{{htmlattrdef("radiogroup")}}
-
この属性はコマンド自身を切り替えた時に切り替えられる、 type が radio であるコマンドのグループ名を与えます。この属性は、 type 属性が radio でなければ指定できません。
-
{{htmlattrdef("type")}}
-
この属性は、コマンドの種類を示します。以下の3つの値のうち1つが使用できます。 -
    -
  • -

    command または空文字列はデフォルトの状態で、通常のコマンドを示します。

    -
    • -
  • -

    checkbox は、コマンドがチェックボックスで切り替え可能であることを示します。

    -
    • -
  • -

    radio は、コマンドがラジオボタンで切り替え可能であることを示します。

    -
    • -
-
-
- -

例

- -
<command type="command" label="Save"
-    icon="icons/save.png" onclick="save()">
-
- -

仕様書

- - - - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('HTML5 W3C', 'semantics.html#the-command-element', '<command>')}}{{Spec2('HTML5 W3C')}}
- -

ブラウザーの互換性

- - - -

{{Compat("html.elements.command")}}

- -

{{ HTMLRef }}

diff --git a/files/ja/web/html/element/element/index.html b/files/ja/web/html/element/element/index.html deleted file mode 100644 index 5bc66fccb6..0000000000 --- a/files/ja/web/html/element/element/index.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -title: ': カスタム要素 (廃止)' -slug: Web/HTML/Element/element -tags: - - Element - - HTML - - Obsolete - - Web Components - - custom elements - - shadow dom -translation_of: Web/HTML/Element/element ---- -
{{HTMLRef}}{{obsolete_header}}
- -

廃止された HTML の <element> 要素は、ウェブコンポーネントの仕様書の一部でした。新しいカスタム DOM 要素を定義するために使用することを意図していました。これは JavaScript からの新しいカスタム要素を生成する方法に取って代わられ、削除されました。

- -
-

メモ: この要素は仕様書から削除されました。仕様書の編集者からの情報はこちらを参照してください。

-
- - - - - - - - - - - - - - - - - - - - - - - - -
コンテンツカテゴリー透過的コンテンツ
許可されているコンテンツ???
タグの省略{{no_tag_omission}}
許可されている親コンテンツ???
DOM インターフェイス{{domxref("HTMLElement")}}
- -

属性

- -

この要素にはグローバル属性があります。

- -

仕様書

- -

<element> 要素は以前、カスタム要素の仕様書の草稿に含まれていましたが、削除されました。

- -

ブラウザーの互換性

- - - -

{{Compat("html.elements.element")}}

- -

関連情報

- -
    -
  • ウェブコンポーネント: {{HTMLElement("content")}}, {{HTMLElement("shadow")}}, {{HTMLElement("slot")}}, {{HTMLElement("template")}}
    • -
diff --git a/files/ja/web/html/forms_in_html/index.html b/files/ja/web/html/forms_in_html/index.html deleted file mode 100644 index abf99e2af7..0000000000 --- a/files/ja/web/html/forms_in_html/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: Forms in HTML5 -slug: Web/HTML/Forms_in_HTML -translation_of: Learn/HTML/Forms/HTML5_updates ---- -

{{ gecko_minversion_header("2") }}

-

HTML5 のフォーム関連要素/属性は HTML4 よりも幅広いマークアップを提供し、また HTML4 時代に必要とされた長たらしいスクリプトやスタイルシートを書く手間を省いてくれます。HTML5 のフォーム機能は、Web サイトごとに異なっている入力へのフィードバックに今より優れた一貫性をもたらし、より良いユーザエクスペリエンスを提供します。また、スクリプトを無効化したブラウザでも同様の体験を提供します。

-

このページでは、Gecko/Firefox がサポートするフォーム機能のうち、新しいもの、もしくは変更されたものについて紹介します。

-

<input> 要素

-

{{ HTMLElement("input") }} 要素の {{ htmlattrxref("type", "input") }} 属性に新しい値が追加されました。

-
  • search: 検索フィールドを表します。改行が入力されても自動的に取り除かれますが、それ以外に値の制約はありません。
  • tel: 電話番号を入力します。改行が入力されても自動的に取り除かれますが、それ以外に値の制約はありません。これは電話番号の表記が国によって異なることにあります。ユーザーが入力する値に制約を与えたい場合は {{ htmlattrxref("pattern", "input") }} 属性や {{ htmlattrxref("maxlength", "input") }} 属性を利用できます。
  • url: URL を入力します。改行や値の最初と最後に空白が入力されると自動的に取り除かれます。

  • email: メールアドレスを入力します。改行が入力されても自動的に取り除かれます。非妥当なメールアドレスが入力されるとフォームは送信されません。メールアドレスの形式は、次の ABNF 記法 1*( atext / "." ) "@" ldh-str 1*( "." ldh-str ) を満たさなければなりません（atext は RFC 5322 の section 3.2.3 で、ldh-str は RFC 1034 の section 3.5 で定義されています）。

    Note: {{ htmlattrxref("multiple", "input") }} 属性がこの {{ HTMLElement("input") }} 要素に指定された場合、複数のメールアドレスをカンマで区切り入力することができます。しかし、この機能はまだ Firefox に実装されていません。
    • -
-

{{ HTMLElement("input") }} 要素には新しい属性も追加されています。

-
  • {{ htmlattrxref("list", "input") }}: {{ HTMLElement("datalist") }} 要素の ID を指定します。datalist 要素の内容は {{ HTMLElement("option") }} 要素で、この内容がフィールドのサジェスト領域にヒントとして表示されます。
  • {{ htmlattrxref("pattern", "input") }}: フィールドがとりうる値の入力形式を正規表現で記述します。この属性は {{ htmlattrxref("type", "input") }} 属性が text, tel, search, url, email のいずれかである場合に利用可能です。
  • {{ htmlattrxref("formmethod", "input") }}: 送信時の HTTP メソッド (GET もしくは POST) を指定します。この属性は {{ HTMLElement("form") }} 要素の {{ htmlattrxref("method", "form") }} 属性を上書きします。{{ htmlattrxref("formmethod", "input") }} 属性は {{ htmlattrxref("type", "input") }} 属性が image もしくは submit の場合に利用可能です。
  • {{ htmlattrxref("x-moz-errormessage", "input") }} {{ non-standard_inline() }}: 検証を通らなかった際に表示されるテキストを指定します。この属性は Mozilla の固有拡張であり、非標準なものです。
    • -

<form> 要素

-

{{ HTMLElement("form") }} 要素に新しい属性が追加されました。

-
  • {{ htmlattrxref("novalidate", "form") }}: フォーム送信時に実行される検証機能を無効化します。
    • -
-

<datalist> 要素

-

{{ HTMLElement("datalist") }} 要素は {{ HTMLElement("option") }} 要素を内容に持つ、{{ HTMLElement("input") }} フィールドのサジェストを定義します。

-

{{ HTMLElement("input") }} 要素の {{ htmlattrxref("list", "input") }} 属性から、特定の {{ HTMLElement("datalist") }} 要素を指定します。

-

<output> 要素

-

{{ HTMLElement("output") }} 要素は計算結果を表示します。

-

{{ htmlattrxref("for", "output") }} 属性を使って、output 要素と計算に利用する文書内の他の要素 (入力や変数など) とを関連づけることができます。{{ htmlattrxref("for", "output") }} 属性の値は計算に利用する要素の ID を空白で区切り入力します。

-

{{ non-standard_inline() }} Gecko 2.0 では {{ HTMLElement("output") }} 要素に任意のフォーム検証とエラーメッセージを定義でき、また {{ Cssxref(":invalid") }}, {{ Cssxref(":valid") }}, {{ Cssxref(":-moz-ui-invalid") }}, {{ Cssxref(":-moz-ui-valid") }} といった CSS 擬似クラスを適用することができます。これにより、特定の入力値ではないがビジネスルールに抵触するような計算結果の制約 (例: 「パーセンテージの合計が 100 を超えてはいけない」) を検証することができます。

-

placeholder 属性

-

{{ HTMLElement("input") }}, {{ HTMLElement("textarea") }} 要素の {{ htmlattrxref("placeholder", "input") }} 属性は、フィールドに入力できる値のヒントを提示します。プレースホルダに指定するテキストには CR や LF を記述することはできません。

-

autofocus 属性

-

{{ htmlattrxref("autofocus", "input") }} 属性はページのロード時に自動的にフォーカスのあたるべきフォームコントロールを指定します。ユーザーの行動が優先されるため、すでに別のコントロールに入力している場合などには自動的にフォーカスされません。autofocus 属性を与えられる要素は文書中でただ 1 つです。この属性は真偽値属性であり、{{ HTMLElement("input") }}, {{ HTMLElement("button") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} 要素に指定可能です。ただし、{{ htmlattrxref("autofocus", "input") }} 要素の {{ htmlattrxref("type", "input") }} 属性が hidden を値にもつ場合、この属性を利用することができません (つまり、隠れたコントロールへ自動的にフォーカスさせることはできません)。

-

label.control DOM プロパティ

-

HTMLLabelElement DOM インターフェースは HTML の {{ HTMLElement("label") }} 要素が持つ属性に加えて、新しいプロパティを備えています。control プロパティは、ラベルに結びついたコントロールを返します。つまり、このラベルがどの要素のコントロールなのかを知ることができます。コントロールは要素の {{ htmlattrxref("for", "label") }} 属性もしくは要素の最初の子孫コントロール要素から決定されます。

-

フォーム検証

-

HTML5 はフォームに入力された値をクライアントサイドで検証するための構文及び API を提供しています。この検証機能はサーバーサイドの検証を置き換えるものではありません。セキュリティやデータの整合性といった点からサーバーサイドの検証は必要です。しかし、入力したデータについてユーザーにすぐフィードバックできるため、クライアントサイドの検証はより良いユーザーエクスペリエンスを提供します。

-

{{ HTMLElement("input") }} 要素に title 属性が指定されている場合、その内容が検証に失敗した際のエラーメッセージとして表示されます。属性値が空の場合、ツールチップは表示されません。属性が指定されていない場合は、標準の検証メッセージ ({{ htmlattrxref("x-moz-errormessage") }} 属性もしくは setCustomValidity() メソッドで指定) が使用されます。

-
Note: フォームの検証はフォーム中の {{ HTMLElement("button") }} 要素ではサポートされていません。フォームの妥当状態と連動するスタイルをボタンに与えたい場合は {{ cssxref(":-moz-submit-invalid") }} 擬似クラスを利用してください。
-

フォーム検証の HTML 構文

-

次の HTML5 構文によって、フォームに入力する内容に制約をかけることができます。

-
  • {{ HTMLElement("input") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }} 要素の {{ htmlattrxref("required", "input") }} 属性は、その要素が入力必須なことを示します。({{ HTMLElement("input") }} 要素の場合、{{ htmlattrxref("type", "input") }} 属性の値によって適用可能かどうかが異なります。)
  • {{ HTMLElement("input") }} 要素の {{ htmlattrxref("pattern", "input") }} 属性は、入力された値がとりうるべき値の形式を正規表現で指定します。
  • {{ HTMLElement("input") }} 要素の {{ htmlattrxref("min", "input") }}, {{ htmlattrxref("max", "input") }} 属性は、要素に入力可能な値の最小値/最大値を指定します。
  • {{ HTMLElement("input") }} 要素の {{ htmlattrxref("step", "input") }} 属性は、({{ htmlattrxref("min", "input") }}, {{ htmlattrxref("max", "input") }} 属性と使うことで) 入力可能な値の粒度に制約を設けます。指定可能な値にそぐわない値が入力された場合、その値は検証を通りません。
  • {{ HTMLElement("input") }}, {{ HTMLElement("textarea") }} 要素の {{ htmlattrxref("maxlength", "input") }} 属性は、ユーザーがそのフィールドに入力できる最大文字数 (Unicode のコードポイント) を指定します。
  • {{ htmlattrxref("type", "input") }} 属性の値 url, email は、入力された値がそれぞれ妥当な URL、もしくはメールアドレスなのかを検証します。
    • -
-

{{ HTMLElement("form") }} 要素の {{ htmlattrxref("novalidate", "form") }} 属性、{{ HTMLElement("button") }} 要素の {{ htmlattrxref("formnovalidate", "button") }} 属性、{{ htmlattrxref("type", "input") }} に submit もしくは image を持つ {{ HTMLElement("input") }} 要素の {{ htmlattrxref("formnovalidate", "input") }} 属性を使用すれば、検証を行わないようにすることも可能です。これらの属性は、フォーム送信時に検証を行わないことを示します。

-

フォーム検証 API

-

次の DOM プロパティとメソッドにより、クライアントサイドのスクリプトから検証をかけることが可能です。

-
  • HTMLFormElement オブジェクトの checkValidity() メソッドは、フォームが検証を通ったかそうでないかを返します。フォームに関連づけられた要素すべてが制約を満たす場合に true を、そうでない場合は false を返します。
  • フォーム連携要素に、次のプロパティとメソッドが用意されています。
    • willValidate プロパティは、要素が制約の設定対象ではない場合に false を返します。
    • validity プロパティは、要素の妥当性状態を表す ValidityState オブジェクトを返します。
    • validationMessage プロパティは、制約を満たせない場合その要素に関連するメッセージを返します。
    • checkValidity() メソッドは、その要素が制約を満たせない場合に false を、そうでない場合は true を返します。
    • setCustomValidity() メソッドは、独自の検証メッセージを設定します。このメソッドにより、定義済みのメッセージよりもさらに細かく制約について説明できます。
    • -
-

{{ languages({"en": "en/HTML/HTML5/Forms_in_HTML5"}) }}

-

{{ HTML5ArticleTOC() }}

diff --git a/files/ja/web/html/global_attributes/dropzone/index.html b/files/ja/web/html/global_attributes/dropzone/index.html deleted file mode 100644 index 290b577040..0000000000 --- a/files/ja/web/html/global_attributes/dropzone/index.html +++ /dev/null @@ -1,48 +0,0 @@ ---- -title: dropzone -slug: Web/HTML/Global_attributes/dropzone -tags: - - Deprecated - - Global attributes - - HTML - - Reference -translation_of: Web/HTML/Global_attributes/dropzone ---- -
{{HTMLSidebar("Global_attributes")}}{{deprecated_header}}
- -

dropzone グローバル属性 は、 HTML Drag and Drop API を使用して要素上にどのようなコンテンツをドロップできるかを示す列挙型属性です。以下の値を使用できます。

- -
    -
  • copy: ドロップにより、ドロップした要素のコピーを生成することを示す
    • -
  • move: ドロップされた要素は新しい場所に移動されることを示す
    • -
  • link: ドラッグしたデータへのリンクを生成する
    • -
- -

仕様書

- - - - - - - - - - - - - - -
仕様書状態備考
{{SpecName('HTML5.1', "editing.html#the-dropzone-attribute", "dropzone")}}{{Spec2('HTML5.1')}}{{SpecName('HTML WHATWG')}} のスナップショット、初回定義。
- -

ブラウザーの互換性

- - - -

{{Compat("html.global_attributes.dropzone")}}

- -

関連情報

- - diff --git a/files/ja/web/html/html_extensions/index.html b/files/ja/web/html/html_extensions/index.html deleted file mode 100644 index 6e0d715d5d..0000000000 --- a/files/ja/web/html/html_extensions/index.html +++ /dev/null @@ -1,12 +0,0 @@ ---- -title: HTML Extensions -slug: Web/HTML/HTML_Extensions -tags: - - HTML ---- -

Mozilla ブラウザは、標準を拡張するいくつかの HTML タグをサポートしています。その一部がドキュメント化されています。

- -
-

{{ languages( { "en": "en/HTML/HTML_Extensions" } ) }}

-
-- cgit v1.2.3-54-g00ecf