--- title: HTMLInputElement.select() slug: Web/API/HTMLInputElement/select tags: - API - HTML DOM - HTMLInputElement - Method - Reference translation_of: Web/API/HTMLInputElement/select ---
{{ APIRef("HTML DOM") }}

HTMLInputElement.select() メソッドは、{{HTMLElement("textarea")}} 要素またはテキストフィールドを含む {{HTMLElement("input")}} 要素内のすべてのテキストを選択します。

シンタックス

element.select();

例

この例のボタンをクリックすると、<input> 要素内のすべてのテキストが選択されます。

HTML

<input type="text" id="text-box" size="20" value="Hello world!">
<button onclick="selectText()">Select text</button>

JavaScript

function selectText() {
  const input = document.getElementById('text-box');
  input.focus();
  input.select();
}

結果

{{EmbedLiveSample("Example")}}

メモ

element.select() を呼んだからといって必ずしも入力がフォーカスされるわけではないので、{{domxref("HTMLElement.focus()")}} で使うことが多いです。

これがサポートされていないブラウザでは、パラメータ 0 と入力値の長さを指定して HTMLInputElement.setSelectionRange() を呼び出すことで置き換えることができます。

<input onClick="this.select();" value="Sample Text" />
<!-- equivalent to -->
<input onClick="this.setSelectionRange(0, this.value.length);" value="Sample Text" />

仕様

仕様書 ステータス コメント
{{SpecName('HTML WHATWG', 'forms.html#dom-textarea/input-select', 'select')}} {{Spec2('HTML WHATWG')}}

ブラウザの互換性

{{Compat("api.HTMLInputElement.select")}}

あわせて参照