---
title: HTMLKeygenElement
slug: Web/API/HTMLKeygenElement
tags:
  - API
  - HTML DOM
  - Interface
  - NeedsBrowserAgnosticism
  - NeedsCompatTable
  - NeedsNewLayout
  - Reference
translation_of: Web/API/HTMLKeygenElement
---
<div>{{ APIRef("HTML DOM") }}</div>

<div class="note">
<p><strong>ノート：</strong>このページでは、仕様としての Keygen 要素インターフェースを説明しており、現在 Gecko に実装されているものではありません。詳細と状態については、{{Bug(101019)}} を見てください。</p>
</div>

<p>{{HTMLElement("keygen")}} 要素は、<code>keygen</code> 要素のレイアウトやプレゼンテーションを操作するための（継承によって使用できる通常の {{domxref("element")}} オブジェクトインターフェースを越えた）特殊なプロパティとメソッドを提供する <strong><code><span class="external">HTMLKeygenElement</span></code></strong> インターフェースを公開します。</p>

<h2 id="プロパティ">プロパティ</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">名前</th>
   <th scope="col">型</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td><code>autofocus</code></td>
   <td><code><a href="/ja/JavaScript/Reference/Global_Objects/Boolean" title="en/JavaScript/Reference/Global Objects/Boolean">Boolean</a></code></td>
   <td>{{ htmlattrxref("autofocus", "keygen") }} HTML 属性の反映です。ページがロードされたとき、フォームコントローが input にフォーカスされているべきことを表します。</td>
  </tr>
  <tr>
   <td><code>challenge</code></td>
   <td><code><a href="/ja/DOM/DOMString" title="En/DOM/DOMString">DOMString</a></code></td>
   <td>{{ htmlattrxref("challenge", "keygen") }} HTML 属性の繁栄です。送信されたキーにパッケージされた challenge 文字列を含みます。</td>
  </tr>
  <tr>
   <td><code>disabled</code></td>
   <td><code><a href="/ja/JavaScript/Reference/Global_Objects/Boolean" title="en/JavaScript/Reference/Global Objects/Boolean">Boolean</a></code></td>
   <td>{{ htmlattrxref("disabled", "keygen") }} HTML 属性の繁栄です。コントロールが操作できないことを示します。</td>
  </tr>
  <tr>
   <td><code>form</code></td>
   <td><code>readonly <a href="/ja/DOM/HTMLFormElement" title="en/DOM/HTMLFormElement">HTMLFormElement</a></code></td>
   <td>コントロールの form オーナーを表します。定義されていた場合、 {{ htmlattrxref("form", "keygen") }} HTML 属性を反映します。</td>
  </tr>
  <tr>
   <td><code>keytype</code></td>
   <td><code><a href="/ja/DOM/DOMString" title="En/DOM/DOMString">DOMString</a></code></td>
   <td>{{ htmlattrxref("keytype", "keygen") }} HTML 属性を反映します。使用されるキーの種類を含みます。</td>
  </tr>
  <tr>
   <td><code>labels </code>{{ unimplemented_inline(556743) }}</td>
   <td><code>readonly <a href="/ja/DOM/NodeList" title="En/DOM/NodeList">NodeList</a></code></td>
   <td>keygen 要素に関連する label 要素のリストです。</td>
  </tr>
  <tr>
   <td><code>name</code></td>
   <td><code><a href="https://developer.mozilla.org/En/DOM/DOMString" title="En/DOM/DOMString">DOMString</a></code></td>
   <td>{{ htmlattrxref("name", "keygen") }} HTML 属性を反映します。フォームデータと送信されるコントロールの名前を含みます。</td>
  </tr>
  <tr>
   <td><code>type</code></td>
   <td><code>readonly </code><code><a href="/ja/DOM/DOMString" title="En/DOM/DOMString">DOMString</a></code></td>
   <td><code>keygen</code> の値です。</td>
  </tr>
  <tr>
   <td><code>validationMessage</code></td>
   <td><code>readonly </code><code><a href="/ja/DOM/DOMString" title="En/DOM/DOMString">DOMString</a></code></td>
   <td>（もしあれば） コントロールが満たさない制約検証を表示するためのローカライズされたメッセージです。コントロールが制約検証の対象ではない場合（<strong>willValidate</strong> が false）や制約を満たしている場合、空文字です。</td>
  </tr>
  <tr>
   <td><code>validity</code></td>
   <td><code>readonly <a href="/ja/DOM/ValidityState_Interface" title="en/DOM/ValidityState Interface">ValidityState</a></code></td>
   <td>この要素の有効性です。</td>
  </tr>
  <tr>
   <td><code>willValidate</code></td>
   <td><code><a href="/ja/JavaScript/Reference/Global_Objects/Boolean" title="en/JavaScript/Reference/Global Objects/Boolean">Boolean</a></code></td>
   <td><code>keygen</code> オブジェクトは決して制約検証の候補にならないため、常に false を返します。</td>
  </tr>
 </tbody>
</table>

<h2 id="メソッド">メソッド</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">名前と引数</th>
   <th scope="col">戻り値</th>
   <th scope="col">説明</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td><code>checkValidity()</code></td>
   <td><code><a href="/ja/JavaScript/Reference/Global_Objects/Boolean" title="en/JavaScript/Reference/Global Objects/Boolean">Boolean</a></code></td>
   <td><code>keygen</code> オブジェクトは決して制約検証の候補にならないため、常に true を返します。</td>
  </tr>
  <tr>
   <td><code>setCustomValidity(in DOMString error)</code></td>
   <td><code>void</code></td>
   <td>要素にカスタム検証メッセージを設定します。このメッセージが空文字ではなく、要素がカスタム検証エラーを扱えない場合、検証は行われません。</td>
  </tr>
 </tbody>
</table>

<h2 id="仕様" style="line-height: 30px; font-size: 2.14285714285714rem;">仕様</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">仕様</th>
   <th scope="col">状態</th>
   <th scope="col">コメント</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG', "forms.html#the-keygen-element", "HTMLKeygenElement")}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>{{SpecName("HTML5 W3C")}} から変更なし。</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5.1', "forms.html#the-keygen-element", "HTMLKeygenElement")}}</td>
   <td>{{Spec2('HTML5.1')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', "forms.html#the-keygen-element", "HTMLKeygenElement")}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>初期定義。<br>
     </td>
  </tr>
 </tbody>
</table>

<p> </p>