---
title: inputmode
slug: Web/HTML/Global_attributes/inputmode
tags:
  - Attribute
  - Bearbeiten
  - Eingabemodus
  - Formulare
  - Globale Attribute
  - HTML
  - Referenz
  - Text
  - Texteingabe
  - Web
  - global
translation_of: Web/HTML/Global_attributes/inputmode
original_slug: Web/HTML/Globale_Attribute/inputmode
---
<p><span class="seoSummary">Das <strong><code>inputmode</code></strong> <a href="/en-US/docs/Web/HTML/Global_attributes">globale Attribut</a> </span>ist ein aufgezähltes Attribut, das einen Hinweis auf die Art der Daten liefert, die der Benutzer während der Bearbeitung des Elements oder seines Inhalts eingeben kann. Es kann die folgenden Werte haben:</p>

<dl>
 <dt><code>"none"</code></dt>
 <dd>Keine virtuelle Tastatur; dies ist nützlich, wenn die Anwendung oder die Website ihre eigene Tastatureingabesteuerung implementiert.</dd>
 <dt><code>"text"</code></dt>
 <dd>Standard-Text-Eingabetastatur für das aktuelle Gebietsschema des Benutzers.</dd>
 <dt><code>"decimal"</code></dt>
 <dd>Fraktionierte numerische Eingabetastatur, die die Ziffern und das entsprechende Trennzeichen für das Gebietsschema des Benutzers enthält (typischerweise entweder "." oder ",").</dd>
 <dt><code>"numeric"</code></dt>
 <dd>Numerische Eingabetastatur; alles, was benötigt wird, sind die Ziffern 0 bis 9.</dd>
 <dt><code>"tel"</code></dt>
 <dd>Eine Telefontastatur-Eingabe, die die Ziffern 0 bis 9, das Sternchen ("*") und die Pfund-Taste ("#") enthält. Für Formulareingaben, die eine Telefontastatur erfordern, sollte stattdessen <code><a href="/en-US/docs/Web/HTML/Element/input/tel">&lt;input type="tel"&gt;</a></code> verwendet werden.</dd>
 <dt><code>"search"</code></dt>
 <dd>Eine virtuelle Tastatur, die für die Sucheingabe optimiert ist. So kann beispielsweise die Eingabetaste in "Suchen" umbenannt werden, und es kann weitere Optimierungen geben.</dd>
 <dt><code>"email"</code></dt>
 <dd>Eine virtuelle Tastatur, die für die Eingabe von E-Mail-Adressen optimiert ist; typischerweise beinhaltet dies das Zeichen "@" sowie andere Optimierungen. Für Formulareingaben, die eine Eingabe der E-Mail-Adresse erfordern, sollte stattdessen <code><a href="/en-US/docs/Web/HTML/Element/input/email">&lt;input type="email"&gt;</a></code> verwendet werden.</dd>
 <dt><code>"url"</code></dt>
 <dd>Eine Tastatur, die für die Eingabe von URLs optimiert ist. Dies kann z.B. dazu führen, dass die Taste "/" prominenter verfügbar ist. Erweiterte Funktionen können auch den Zugriff auf die Historie und dergleichen beinhalten. Für Formulareingaben, die eine URL anfordern, sollte stattdessen <code><a href="/en-US/docs/Web/HTML/Element/input/url">&lt;input type="url"&gt;</a></code> verwendet werden.</dd>
</dl>

<p>Wenn dieses Attribut nicht gesetzt ist, lautet sein Standardwert <code>"text"</code>, was darauf hinweist, dass die Standard-Text-Eingabetastatur des Gebietsschemas verwendet werden sollte.</p>

<div class="warning">
<p><strong>Spezifischer Konflikt:</strong> Das <a href="https://html.spec.whatwg.org/multipage/interaction.html#attr-inputmode">WHATWG spec lists <code>inputmode</code></a>, und moderne Browser arbeiten daran, sie zu unterstützen. Das <a href="https://www.w3.org/TR/html52/index.html#contents">W3C HTML 5.2 spec</a> listet es nicht mehr (markiert es als veraltet). Sie sollten die WHATWG-Definition als richtig betrachten, bis ein Konsens erreicht ist.</p>
</div>

<h2 id="Spezifikationen">Spezifikationen</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Spezifikation</th>
   <th scope="col">Status</th>
   <th scope="col">Bemerkung</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName("HTML WHATWG", "interaction.html#input-modalities:-the-inputmode-attribute", "inputmode")}}</td>
   <td>{{Spec2("HTML WHATWG")}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<h2 id="Browser-Kompatibilität">Browser-Kompatibilität</h2>



<p>{{Compat("html.global_attributes.inputmode")}}</p>

<h2 id="Siehe_auch">Siehe auch</h2>

<ul>
 <li>Alle <a href="/en-US/docs/Web/HTML/Global_attributes">globalen Attribute</a>.</li>
</ul>

<div>{{HTMLSidebar("Global_attributes")}}</div>