Skip to content

Commit

Permalink
Web/API/HTMLFormElement 以下を md に一括変換
Browse files Browse the repository at this point in the history
  • Loading branch information
@mfuji09 @potappo
mfuji09 authored and potappo committed Aug 21, 2022
1 parent 88a7f3d commit ad933c4
Show file tree
Hide file tree
Showing 16 changed files with 570 additions and 573 deletions.
38 changes: 20 additions & 18 deletions files/ja/web/api/htmlformelement/acceptcharset/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,21 +7,23 @@ tags:
- Gecko DOM Reference
translation_of: Web/API/HTMLFormElement/acceptCharset
---
<div>
{{APIRef}}</div>
<div>
</div>
<div>
<span style="font-size: 2.14285714285714rem; font-weight: 700; letter-spacing: -1px; line-height: 30px;">概要</span></div>
<p><code>acceptCharset</code> は対象フォームでサポートされる文字エンコーディングのリストを返します。リストの各アイテムは、カンマか半角スペースで区切られます。</p>
<h2 id="Syntax" name="Syntax">構文</h2>
<pre class="syntaxbox"><em>string</em> = form.acceptCharset;
</pre>
<h2 id="Example" name="Example">例</h2>
<pre class="brush:js">inputs = document.forms["myform"].acceptCharset
</pre>
<h2 id="Specification" name="Specification">仕様書</h2>
<ul>
<li><a href="http://www.w3.org/TR/html5/forms.html#dom-form-acceptcharset">HTML 5, Section 4.10.3: The Form Element</a></li>
<li><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-19661795">DOM Level 2 HTML: acceptCharset</a></li>
</ul>
{{APIRef}}概要

`acceptCharset` は対象フォームでサポートされる文字エンコーディングのリストを返します。リストの各アイテムは、カンマか半角スペースで区切られます。

## 構文

```
string = form.acceptCharset;
```

## 例

```js
inputs = document.forms["myform"].acceptCharset
```

## 仕様書

- [HTML 5, Section 4.10.3: The Form Element](http://www.w3.org/TR/html5/forms.html#dom-form-acceptcharset)
- [DOM Level 2 HTML: acceptCharset](http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-19661795)
34 changes: 19 additions & 15 deletions files/ja/web/api/htmlformelement/action/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,24 +7,28 @@ tags:
- Reference
translation_of: Web/API/HTMLFormElement/action
---
<h2 id="Summary" name="Summary">概要</h2>
<p>{{HTMLElement("form")}} 要素の action を取得 / 設定します。</p>
<h2 id="Syntax" name="Syntax">構文</h2>
<pre class="syntaxbox"><var>string</var> = form.action; //取得
form.action = <var>string</var>; //設定
</pre>
## 概要

{{HTMLElement("form")}} 要素の action を取得 / 設定します。

<h2 id="Example" name="Example">例</h2>
<pre class="brush:js">form.action = "/cgi-bin/publish";</pre>
## 構文

```
string = form.action; //取得
form.action = string; //設定
```

<h2 id="Notes" name="Notes">注記</h2>
<p>フォームの action はフォームが投稿されたときサーバ上で実行されるプログラムです。このプロパティは読み書きともに可能です。</p>
## 例

```js
form.action = "/cgi-bin/publish";
```

<h2 id="Specification" name="Specification">仕様</h2>
<ul>
<li><a href="http://www.w3.org/TR/html5/association-of-controls-and-forms.html#dom-fs-method">HTML 5, Section 4.10.19.6, Form submission</a></li>
<li><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-74049184">DOM Level 2 HTML: action</a></li>
</ul>
## 注記

フォームの action はフォームが投稿されたときサーバ上で実行されるプログラムです。このプロパティは読み書きともに可能です。

## 仕様

- [HTML 5, Section 4.10.19.6, Form submission](http://www.w3.org/TR/html5/association-of-controls-and-forms.html#dom-fs-method)
- [DOM Level 2 HTML: action](http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-74049184)
40 changes: 25 additions & 15 deletions files/ja/web/api/htmlformelement/elements/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,19 +7,29 @@ tags:
- Gecko DOM Reference
translation_of: Web/API/HTMLFormElement/elements
---
<div>
{{ApiRef()}}</div>
<h2 id="Summary" name="Summary">概要</h2>
<p><b>elements</b> は、form 要素に含まれるすべてのフォームコントロールを含む <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-75708506"><code>HTMLCollection</code></a> を返します。</p>
<p>index 、または要素の <a href="/ja/docs/DOM/element.name">name</a> か <a href="/ja/docs/DOM/element.id">id</a> の何れかを使って個々の要素にアクセスすることができます。</p>
<h2 id="Syntax" name="Syntax">構文</h2>
<pre class="syntaxbox"><code><i>nodeList</i> =<i>HTMLFormElement</i>.elements</code></pre>
<h2 id="Example" name="Example">例</h2>
<pre class="brush:js">var inputs = document.getElementById("form1").elements;
{{ApiRef()}}

## 概要

**elements** は、form 要素に含まれるすべてのフォームコントロールを含む [`HTMLCollection`](http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-75708506) を返します。

index 、または要素の [name](/ja/docs/DOM/element.name) か [id](/ja/docs/DOM/element.id) の何れかを使って個々の要素にアクセスすることができます。

## 構文

```
nodeList =HTMLFormElement.elements
```

## 例

```js
var inputs = document.getElementById("form1").elements;
var inputByIndex = inputs[2];
var inputByName = inputs["login"];</pre>
<h2 id="Specification" name="Specification">仕様書</h2>
<ul>
<li><a class="external" href="http://www.w3.org/TR/html5/forms.html#dom-form-elements">HTML5, Section 4.10.3, The form Element</a></li>
<li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-76728479">DOM Level 2 HTML: elements</a></li>
</ul>
var inputByName = inputs["login"];
```

## 仕様書

- [HTML5, Section 4.10.3, The form Element](http://www.w3.org/TR/html5/forms.html#dom-form-elements)
- [DOM Level 2 HTML: elements](http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-76728479)
6 changes: 3 additions & 3 deletions files/ja/web/api/htmlformelement/encoding/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,6 @@ tags:
- Gecko DOM Reference
translation_of: Web/API/HTMLFormElement/encoding
---
<div>
{{ApiRef}}</div>
<p><code>encoding</code> は、 DOM {{domxref("HTMLFormElement")}} オブジェクトの {{domxref("form.enctype","enctype")}} プロパティの別名です。</p>
{{ApiRef}}

`encoding` は、 DOM {{domxref("HTMLFormElement")}} オブジェクトの {{domxref("form.enctype","enctype")}} プロパティの別名です。
41 changes: 25 additions & 16 deletions files/ja/web/api/htmlformelement/enctype/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,23 +6,32 @@ tags:
- form
translation_of: Web/API/HTMLFormElement/enctype
---
<h2 id="Summary" name="Summary">概要</h2>
<p><code>enctype</code> は form 要素のコンテンツタイプの取得 / 設定に用います。</p>
<h2 id="Syntax" name="Syntax">構文</h2>
<pre class="syntaxbox"><var>string</var> = form.enctype // 取得
## 概要

form.enctype = <var>string</var> // 設定
</pre>
<h2 id="Example" name="Example">例</h2>
<pre class="brush:js">var firstForm = document.getElementsByTagName("form")[0]; // 文書中の最初の form 要素を取得
`enctype` は form 要素のコンテンツタイプの取得 / 設定に用います。

## 構文

```
string = form.enctype // 取得
form.enctype = string // 設定
```

## 例

```js
var firstForm = document.getElementsByTagName("form")[0]; // 文書中の最初の form 要素を取得

firstForm.enctype = "application/x-www-form-urlencoded"; // 設定
alert( firstForm.enctype ); // 確認
</pre>
<h2 id="Notes" name="Notes">注記</h2>
<p>エンコーディングタイプは一般的に "application/x-www-form-urlencoded" となります。</p>
<h2 id="Specification" name="Specification">仕様書</h2>
<ul>
<li><a href="http://www.w3.org/TR/html5/association-of-controls-and-forms.html#dom-fs-method">HTML 5, Section 4.10.19.6, Form submission</a></li>
<li><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-84227810">DOM Level 2 HTML: enctype</a></li>
</ul>
```

## 注記

エンコーディングタイプは一般的に "application/x-www-form-urlencoded" となります。

## 仕様書

- [HTML 5, Section 4.10.19.6, Form submission](http://www.w3.org/TR/html5/association-of-controls-and-forms.html#dom-fs-method)
- [DOM Level 2 HTML: enctype](http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-84227810)
78 changes: 40 additions & 38 deletions files/ja/web/api/htmlformelement/formdata_event/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,45 +6,46 @@ tags:
- Forms
- Reference
- formevent
browser-compat: api.HTMLFormElement.formdata_event
translation_of: Web/API/HTMLFormElement/formdata_event
browser-compat: api.HTMLFormElement.formdata_event
---
<div>{{APIRef}}</div>
{{APIRef}}

<p><strong><code>formdata</code></strong> イベントは、フォームのデータを表すエントリーリストが構築された後に発行されます。このイベントは、フォームが送信されたときに発行されますが、 {{domxref("FormData.FormData", "FormData()")}} コンストラクターが呼び出されたときにも発行されます。</p>
**`formdata`** イベントは、フォームのデータを表すエントリーリストが構築された後に発行されます。このイベントは、フォームが送信されたときに発行されますが、 {{domxref("FormData.FormData", "FormData()")}} コンストラクターが呼び出されたときにも発行されます。

<h2 id="General_info">一般情報</h2>
## 一般情報

<table class="properties">
<tbody>
<tr>
<th>バブリング</th>
<td>なし</td>
</tr>
<tr>
<th>キャンセル</th>
<td>不可</td>
</tr>
<tr>
<th>インターフェイス</th>
<td>{{DOMxRef("FormDataEvent")}}</td>
</tr>
<tr>
<th>イベントハンドラープロパティ</th>
<td>{{domxref("GlobalEventHandlers.onformdata")}}</td>
</tr>
</tbody>
<tbody>
<tr>
<th>バブリング</th>
<td>なし</td>
</tr>
<tr>
<th>キャンセル</th>
<td>不可</td>
</tr>
<tr>
<th>インターフェイス</th>
<td>{{DOMxRef("FormDataEvent")}}</td>
</tr>
<tr>
<th>イベントハンドラープロパティ</th>
<td>{{domxref("GlobalEventHandlers.onformdata")}}</td>
</tr>
</tbody>
</table>

<h2 id="Examples">例</h2>
## 例

<pre class="brush: js">// フォームの参照を得る
```js
// フォームの参照を得る

const formElem = document.querySelector('form');

// submit ハンドラー

formElem.addEventListener('submit', (e) =&gt; {
formElem.addEventListener('submit', (e) => {
// フォームの送信時、既定の動作を抑止
e.preventDefault();

Expand All @@ -54,7 +55,7 @@ formElem.addEventListener('submit', (e) =&gt; {

// データを受け取るための formdata ハンドラー

formElem.addEventListener('formdata', (e) =&gt; {
formElem.addEventListener('formdata', (e) => {
console.log('formdata fired');

// イベントオブジェクトからフォームデータを取得する
Expand All @@ -67,11 +68,13 @@ formElem.addEventListener('formdata', (e) =&gt; {
var request = new XMLHttpRequest();
request.open("POST", "/formHandler");
request.send(data);
});</pre>
});
```

<p><code>onformdata</code> 版はこのようになります。</p>
`onformdata` 版はこのようになります。

<pre class="brush: js">formElem.onformdata = (e) =&gt; {
```js
formElem.onformdata = (e) => {
console.log('formdata fired');

// イベントオブジェクトからフォームデータを取得する
Expand All @@ -84,19 +87,18 @@ formElem.addEventListener('formdata', (e) =&gt; {
var request = new XMLHttpRequest();
request.open("POST", "/formHandler");
request.send(data);
};</pre>
};
```

<h2 id="Specifications">仕様書</h2>
## 仕様書

{{Specifications}}

<h2 id="Browser_compatibility">ブラウザーの互換性</h2>
## ブラウザーの互換性

<p>{{Compat}}</p>
{{Compat}}

<h2 id="See_also">関連情報</h2>
## 関連情報

<ul>
<li>HTML の {{htmlElement("form")}} 要素</li>
<li>{{domxref("FormDataEvent")}}</li>
</ul>
- HTML の {{htmlElement("form")}} 要素
- {{domxref("FormDataEvent")}}
Loading

0 comments on commit ad933c4

Please sign in to comment.