Skip to content

Commit

Permalink
2023/02/24 時点の英語版に同期 (#16236)
Browse files Browse the repository at this point in the history
* 2023/02/24 時点の英語版に同期

* Update files/ja/web/html/attributes/disabled/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/ja/web/html/attributes/disabled/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/ja/web/html/attributes/minlength/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/ja/web/html/attributes/multiple/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update files/ja/web/html/attributes/pattern/index.md

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
  • Loading branch information
mfuji09 and github-actions[bot] authored Oct 3, 2023
1 parent bf82377 commit 74a0942
Show file tree
Hide file tree
Showing 18 changed files with 160 additions and 87 deletions.
20 changes: 14 additions & 6 deletions files/ja/web/html/attributes/accept/index.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,19 @@
---
title: "HTML 属性: accept"
slug: Web/HTML/Attributes/accept
l10n:
sourceCommit: ba96f2f183353872db6d9242c7d2dffe2dbc0c35
---

{{HTMLSidebar}}

**`accept`** 属性は、値としてカンマ区切りでファイル種別または[固有ファイル種別指定子](#unique_file_type_specifiers)を取り、どのファイル種別を受け入れるかを記述します。 accept プロパティは {{HTMLElement("input/file", "file")}} 型の {{htmlelement("input")}} 要素のプロパティです。もとは {{htmlelement("form")}} 要素で対応していましたが、 HTML5 で削除され、 {{HTMLElement("input/file", "file")}} に変更されました。
**`accept`** 属性は、値としてカンマ区切りでファイル種別または[固有ファイル種別指定子](#unique_file_type_specifiers)を取り、どのファイル種別を受け入れるかを記述します。

{{EmbedInteractiveExample("pages/tabbed/attribute-accept.html", "tabbed-shorter")}}

## 概要

accept プロパティは {{HTMLElement("input/file", "file")}} 型の {{htmlelement("input")}} 要素のプロパティです。もとは {{htmlelement("form")}} 要素で対応していましたが、 HTML5 で削除され、 {{HTMLElement("input/file", "file")}} に変更されました。

与えられたファイル種別は複数の方法で識別される可能性があるため、特定の種別のファイルが必要な場合には、型指定子の完全なセットを提供したり、ワイルドカードを使用して任意の形式の型が許容されることを示したりすると便利です。

Expand Down Expand Up @@ -49,7 +57,7 @@ slug: Web/HTML/Attributes/accept
</p>
```

{{EmbedLiveSample('simple_example', '100%', 200)}}
{{EmbedLiveSample('Examples', '100%', 200)}}

なお、最後の例では複数の画像を選択することができます。詳しくは [`multiple`](multiple) 属性を参照してください。

Expand Down Expand Up @@ -95,7 +103,7 @@ div {

{{EmbedLiveSample('A_basic_example', 650, 60)}}

> **メモ:** この例は GitHub でも見ることができます。 — [ソースコード](https://github.com/mdn/learning-area/blob/master/html/forms/file-examples/simple-file.html)[ライブ実行](https://mdn.github.io/learning-area/html/forms/file-examples/simple-file.html)を確認してください。
> **メモ:** この例は GitHub でも見ることができます。 — [ソースコード](https://github.com/mdn/learning-area/blob/main/html/forms/file-examples/simple-file.html)[ライブ実行](https://mdn.github.io/learning-area/html/forms/file-examples/simple-file.html)を確認してください。
ユーザーの端末やオペレーティングシステムが何であろうと、ファイル入力には、ユーザーがファイルを選択するためのファイルピッカーダイアログを開くボタンが用意されす。

Expand All @@ -109,7 +117,7 @@ div {

- `accept="image/png"` または `accept=".png"` — PNG ファイルを受け付ける。
- `accept="image/png, image/jpeg"` または `accept=".png, .jpg, .jpeg"` — PNG または JPEG ファイルを受け付ける。
- `accept="image/*"``image/*` MIME タイプで任意のファイルを受け付ける (また、多くのモバイル端末では、これを使用するとユーザーにカメラで写真を撮影させることができる。)
- `accept="image/*"``image/*` MIME タイプで任意のファイルを受け付けるまた、多くのモバイル端末では、これを使用するとユーザーにカメラで写真を撮影させることができる。
- `accept=".doc,.docx,.xml,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document"` — MS Word 文書と思しきすべてのファイルを受け付ける。

もっと完全な例を見てみましょう。
Expand Down Expand Up @@ -148,5 +156,5 @@ div {

## 関連情報

- [ウェブアプリケーションからのファイルの使用](/ja/docs/Using_files_from_web_applications)
- [File API](/ja/docs/Web/API/File)
- [ウェブアプリケーションからのファイルの使用](/ja/docs/Web/API/File_API/Using_files_from_web_applications)
- [ファイル API](/ja/docs/Web/API/File)
6 changes: 5 additions & 1 deletion files/ja/web/html/attributes/autocomplete/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
---
title: "HTML 属性: autocomplete"
slug: Web/HTML/Attributes/autocomplete
l10n:
sourceCommit: ba96f2f183353872db6d9242c7d2dffe2dbc0c35
---

{{HTMLSidebar}}
Expand All @@ -21,6 +23,8 @@ HTML の `autocomplete` 属性は、ウェブ開発者は入力欄にどの種
> 2. `<form>` 要素の子孫であること
> 3. フォームが {{HTMLElement("input/submit", "submit")}} ボタンを持つこと
{{EmbedInteractiveExample("pages/tabbed/attribute-autocomplete.html", "tabbed-shorter")}}

##

- "`off`"
Expand Down Expand Up @@ -115,7 +119,7 @@ HTML の `autocomplete` 属性は、ウェブ開発者は入力欄にどの種
- "`bday-year`"
- : 生年月日の年の部分です。
- "`sex`"
- : 性別で ("Female", "Fa'afafine", "Male" など)、改行のない自由な形式のテキストです。
- : 性別で ("Female", "Fa'afafine", "Hijra", "Male", "Nonbinary" など)、改行のない自由な形式のテキストです。
- "`tel`"

- : 国番号を含む、完全な電話番号です。電話番号を書く部分に分割する必要がある場合は、各フィールドに以下の値を使用することができます。
Expand Down
6 changes: 5 additions & 1 deletion files/ja/web/html/attributes/capture/index.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
---
title: "HTML 属性: capture"
slug: Web/HTML/Attributes/capture
l10n:
sourceCommit: ba96f2f183353872db6d9242c7d2dffe2dbc0c35
---

{{HTMLSidebar}}
Expand All @@ -9,7 +11,7 @@ slug: Web/HTML/Attributes/capture

値としては、 `user``environment` があります。 capture 属性は {{HTMLElement("input/file", "file")}} 入力型が対応しています。

`capture` 属性は、 [accept](accept) 属性が画像や動画データの入力に使用するカメラの種類を指定する文字列を値とするものです
`capture` 属性は、[accept](accept) 属性が入力の種類を示す場合、画像やビデオデータの取り込みに使用するカメラを指定する文字列をその値として受け取ります

|| 説明 |
| ------------- | ---------------------------------------- |
Expand All @@ -18,6 +20,8 @@ slug: Web/HTML/Attributes/capture

> **メモ:** capture は、以前は論理属性で、存在する場合、ファイル入力を要求する代わりに、カメラやマイクなどの機器のメディアキャプチャ機器を使用するように要求していました。
{{EmbedInteractiveExample("pages/tabbed/attribute-capture.html", "tabbed-standard")}}

##

ファイル入力型に設定すると、マイクやカメラを搭載した OS では、既存のファイルから選択したり、新規にファイルを作成したりできるユーザーインターフェースが表示されます。
Expand Down
10 changes: 6 additions & 4 deletions files/ja/web/html/attributes/crossorigin/index.md
Original file line number Diff line number Diff line change
@@ -1,20 +1,22 @@
---
title: "HTML 属性: crossorigin"
slug: Web/HTML/Attributes/crossorigin
l10n:
sourceCommit: ba96f2f183353872db6d9242c7d2dffe2dbc0c35
---

{{HTMLSidebar}}

**`crossorigin`** 属性は、 {{ HTMLElement("audio") }}, {{ HTMLElement("img") }}, {{ HTMLElement("link") }}, {{ HTMLElement("script") }}, {{ HTMLElement("video") }} の各要素で有効であり、 [CORS](/ja/docs/Web/HTTP/CORS) への対応を提供し、したがって要素が読み取るデータのために CORS リクエストの構成を有効にします。要素によっては、属性は CORS 設定属性になります。
**`crossorigin`** 属性は、{{HTMLElement("audio")}}, {{HTMLElement("img")}}, {{HTMLElement("link")}}, {{HTMLElement("script")}}, {{HTMLElement("video")}} の各要素で有効です。[CORS](/ja/docs/Web/HTTP/CORS) への対応を提供し、したがって要素が読み取るデータのために CORS リクエストの構成を有効にします。要素によっては、属性は CORS 設定属性になります。

メディア要素の `crossorigin` コンテンツ属性は CORS 設定属性です。

これらの属性は列挙型で、以下の値を取ることができます。
これらの属性は[列挙型](/ja/docs/Glossary/Enumerated)、以下の値を取ることができます。

- `anonymous`
- : リクエストは CORS ヘッダーを使用し、資格情報フラグには `'same-origin'` に設定されます。宛先が同一オリジンでない限り、クッキー、クライアントサイド SSL 証明書、HTTP 認証による**ユーザー資格情報**の交換は行われません。
- `use-credentials`
- : リクエストは CORS ヘッダーを使用し、資格情報フラグには `'include'` に設定され、**ユーザー資格情報**は常に含まれます
- : リクエストは CORS ヘッダーを使用し、資格情報フラグには `'include'` に設定され、**ユーザー資格情報**が常に含まれます
- `""`
- : `crossorigin` または `crossorigin=""` のように属性に空の値を設定すると、 `anonymous` と同じになります。

Expand All @@ -37,7 +39,7 @@ slug: Web/HTML/Attributes/crossorigin
<tr>
<td><code>script</code></td>
<td>
{{domxref('GlobalEventHandlers.onerror', 'window.onerror')}} によるエラーログへのアクセスが制限されます。
{{domxref('Window.error_event', 'window.onerror')}} によるエラーログへのアクセスが制限されます。
</td>
</tr>
<tr>
Expand Down
14 changes: 10 additions & 4 deletions files/ja/web/html/attributes/disabled/index.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,21 @@
---
title: "HTML 属性: disabled"
slug: Web/HTML/Attributes/disabled
l10n:
sourceCommit: a9323bfa9a5c937633786a29124fd308bfa8d29d
---

{{HTMLSidebar}}

**`disabled`** は論理属性で、存在する場合、その要素は変更不可、フォーカス不可、フォームへの送信不可となります。ユーザーはそのコントロールやフォームコントロールの子孫を編集したり、フォーカスしたりすることができません。

{{EmbedInteractiveExample("pages/tabbed/attribute-disabled.html", "tabbed-standard")}}

## 概要

フォームコントロールに `disabled` 属性が指定された場合、その要素とフォームコントロールの子孫は制約検証が行われません。多くの場合、ブラウザーはそのようなコントロールをグレーアウトし、マウスクリックやフォーカス関連のイベントなどの閲覧イベントを受け取りません。

`disabled` 属性は、 {{ HTMLElement("button") }}, {{ HTMLElement("command") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}, {{ HTMLElement("input")}} が対応しています。
`disabled` 属性は、 {{ HTMLElement("button") }}, {{ HTMLElement("fieldset") }}, {{ HTMLElement("keygen") }}, {{ HTMLElement("optgroup") }}, {{ HTMLElement("option") }}, {{ HTMLElement("select") }}, {{ HTMLElement("textarea") }}, {{ HTMLElement("input")}} が対応しています。

論理属性の disabled は、ユーザーがコントロールやその子孫のコントロールと対話できないことを示します。この属性が指定されていない場合、コントロールは、例えば `fieldset` のような包含要素からその設定を継承します。 `disabled` 属性が設定されている包含要素がなく、コントロール自体がこの属性を持っていない場合、コントロールは有効になります。 {{ HTMLElement("optgroup") }}上で宣言された場合、 select は(特に無効化されていない限り)操作可能になりますが、オプショングループの項目はどれも選択不可能になります。

Expand Down Expand Up @@ -70,7 +76,7 @@ Firefox は他のブラウザーとは異なり、ページを再読み込みし

<p>
<label
>選択してください
>選択してください:
<select>
<optgroup label="Group 1">
<option>Option 1.1</option>
Expand All @@ -92,15 +98,15 @@ Firefox は他のブラウザーとは異なり、ページを再読み込みし
<fieldset disabled>
<legend>無効なフィールドセット</legend>
<p>
<label>名前: <input type="name" name="radio" value="通常" /> 通常 </label>
<label> 名前: <input type="name" name="radio" value="通常" /> 通常 </label>
</p>
<p>
<label>数値: <input type="number" /></label>
</p>
</fieldset>
```

{{EmbedLiveSample('Examples', 500, 300)}}
{{EmbedLiveSample('Examples', 500, 450)}}

## 仕様書

Expand Down
11 changes: 8 additions & 3 deletions files/ja/web/html/attributes/elementtiming/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,16 @@
title: "HTML 属性: elementtiming"
slug: Web/HTML/Attributes/elementtiming
l10n:
sourceCommit: bb7e3c7303746408072ddf4cc646e28d7e14214a
sourceCommit: ba96f2f183353872db6d9242c7d2dffe2dbc0c35
---

{{HTMLSidebar}}

**`elementtiming`** 属性は、要素が{{domxref("Element Timing API", "要素タイミング API", "", 1)}} による追跡のためのフラグを立てていることを示すために使用されます。この属性は {{htmlelement("img")}}、 {{SVGElement("svg")}} の中の {{SVGElement("image")}} 要素、 {{htmlelement("video")}} 要素のポスター画像、 {{cssxref("background-image")}} がある要素、及び {{htmlelement("p")}} などテキストノードを持つ要素に対して適用することができます。
**`elementtiming`** 属性は、ある要素が {{domxref("PerformanceObserver")}} オブジェクトで `"element"` 型を使用したものによる追跡のためのフラグを立てていることを示すために使用されます。詳細は、 {{domxref("PerformanceElementTiming")}} インターフェイスを参照してください。

この属性は {{htmlelement("img")}}、 {{SVGElement("svg")}} の中の {{SVGElement("image")}} 要素、 {{htmlelement("video")}} 要素のポスター画像、 {{cssxref("background-image")}} がある要素、及び {{htmlelement("p")}} などテキストノードを持つ要素に対して適用することができます。

DOM では、この属性は {{domxref("Element.elementTiming")}} として反映されます。

## 使用方法

Expand All @@ -34,4 +38,5 @@ l10n:
## 関連情報
- [Custom metrics](https://web.dev/custom-metrics/)
- {{domxref("PerformanceElementTiming")}}
- {{domxref("Element.elementTiming")}}
2 changes: 1 addition & 1 deletion files/ja/web/html/attributes/for/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: "HTML 属性: for"
slug: Web/HTML/Attributes/for
l10n:
sourceCommit: bb7e3c7303746408072ddf4cc646e28d7e14214a
sourceCommit: ba96f2f183353872db6d9242c7d2dffe2dbc0c35
---

{{HTMLSidebar}}
Expand Down
14 changes: 7 additions & 7 deletions files/ja/web/html/attributes/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
title: HTML 属性リファレンス
slug: Web/HTML/Attributes
l10n:
sourceCommit: 076a9f924e4619b4f5129c2ec7440420d05b5ec5
sourceCommit: ba96f2f183353872db6d9242c7d2dffe2dbc0c35
---

{{HTMLSidebar("Attributes")}}
Expand Down Expand Up @@ -72,7 +72,7 @@ HTML の要素は**属性**を持ちます。ユーザーが望む条件を満
</tr>
<tr>
<td>
<code><a href="/ja/docs/Web/HTML/Element/iframe#attr-allow">allow</a></code>
<code><a href="/ja/docs/Web/HTML/Element/iframe#allow">allow</a></code>
</td>
<td>{{ HTMLElement("iframe") }}</td>
<td>iframe の機能ポリシーを指定します。</td>
Expand Down Expand Up @@ -404,7 +404,7 @@ HTML の要素は**属性**を持ちます。ユーザーが望む条件を満
</tr>
<tr>
<td>
<code><a href="/ja/docs/Web/HTML/Element/img#attr-decoding">decoding</a></code>
<code><a href="/ja/docs/Web/HTML/Element/img#decoding">decoding</a></code>
</td>
<td>{{ HTMLElement("img") }}</td>
<td>画像をデコードする推奨の方法を示します。</td>
Expand Down Expand Up @@ -696,7 +696,7 @@ HTML の要素は**属性**を持ちます。ユーザーが望む条件を満
</tr>
<tr>
<td>
<a href="/ja/docs/Web/HTML/Element/img#attr-intrinsicsize"><code>intrinsicsize</code></a>
<a href="/ja/docs/Web/HTML/Element/img#intrinsicsize"><code>intrinsicsize</code></a>
{{deprecated_inline}}
</td>
<td>{{ HTMLElement("img") }}</td>
Expand All @@ -718,7 +718,7 @@ HTML の要素は**属性**を持ちます。ユーザーが望む条件を満
</tr>
<tr>
<td>
<code><a href="/ja/docs/Web/HTML/Element/img#attr-ismap">ismap</a></code>
<code><a href="/ja/docs/Web/HTML/Element/img#ismap">ismap</a></code>
</td>
<td>{{ HTMLElement("img") }}</td>
<td>画像がサーバーサイドイメージマップの一部であることを示します。</td>
Expand Down Expand Up @@ -1098,7 +1098,7 @@ HTML の要素は**属性**を持ちます。ユーザーが望む条件を満
</tr>
<tr>
<td>
<code><a href="/ja/docs/Web/HTML/Element/iframe#attr-sandbox">sandbox</a></code>
<code><a href="/ja/docs/Web/HTML/Element/iframe#sandbox">sandbox</a></code>
</td>
<td>{{ HTMLElement("iframe") }}</td>
<td>
Expand Down Expand Up @@ -1204,7 +1204,7 @@ HTML の要素は**属性**を持ちます。ユーザーが望む条件を満
</tr>
<tr>
<td>
<code><a href="/ja/docs/Web/HTML/Element/iframe#attr-srcdoc">srcdoc</a></code>
<code><a href="/ja/docs/Web/HTML/Element/iframe#srcdoc">srcdoc</a></code>
</td>
<td>{{ HTMLElement("iframe") }}</td>
<td></td>
Expand Down
Loading

0 comments on commit 74a0942

Please sign in to comment.