---
title: <input type="password">
slug: Web/HTML/Elemento/input/password
tags:
  - Element
  - HTML
  - Reference
translation_of: Web/HTML/Element/input/password
---
<p> </p>

<p>{{HTMLRef}}</p>

<p>Los elementos <code>&lt;input&gt;</code> de tipo <strong><code>"password"</code></strong> proporcionan una forma para que el usuario ingrese una contraseña de forma segura. El elemento se presenta como un control de editor de texto, sin formato, de una línea, en el que el texto está oculto para que no pueda leerse, generalmente reemplazando cada carácter con un símbolo como el asterisco ("*") o un punto ("•"). Este carácter variará dependiendo del {{Glossary("user agent")}} y del {{Glossary("OS")}}.</p>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/en-US/docs/HTML/Content_categories">Content categories</a></th>
   <td><a href="/en-US/docs/HTML/Content_categories#Flow_content">Flow content</a>, listado, tabla enviable, reseteable, elementos de forma asociada, <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>, elementos etiquetables, contenido palpable.</td>
  </tr>
  <tr>
   <th scope="row">Contenido permitido</th>
   <td>Ninguno, es un {{Glossary("empty element")}}.</td>
  </tr>
  <tr>
   <th scope="row">Omisión de etiquetas</th>
   <td>Tiene que tener una etiqueta al inicio y no tener una etiqueta final.</td>
  </tr>
  <tr>
   <th scope="row">Elementos de parentescos</th>
   <td>Cualquier elemento que accepta <a href="/en-US/docs/HTML/Content_categories#Phrasing_content">phrasing content</a>.</td>
  </tr>
  <tr>
   <th scope="row">Interfaz DOM</th>
   <td>{{domxref("HTMLInputElement")}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Atributos">Atributos</h2>

<p>Además de los atributos listados abajo, este elemento puede tener cualquier <a href="/en-US/docs/HTML/Global_attributes">global attributes</a>.</p>

<dl>
 <dt>{{htmlattrdef("autocomplete")}}{{HTMLVersionInline("5")}}</dt>
 <dd>Establece el valor del atributo de autocompletado en el campo de una contraseña. En caso de ser cierto, automaticamente se rellena con el valor previamente almacenado.</dd>
 <dt>{{htmlattrdef("autofocus")}}{{HTMLVersionInline("5")}}</dt>
 <dd>Este atributo Booleano te permite especificar que la página ponga el foco en un campo a menos que el usuario lo revoque, por ejemplo, escribir en un campo diferente. Solo un elemento en el documento puede tener el atributo Booleano <strong>autofocus</strong>.</dd>
 <dt>{{htmlattrdef("disabled")}}</dt>
 <dd>
 <p>Este atributo Booleano indica que el campo de la contraseña no está disponible. Además, deshabilita los valores que no son enviados por el campo.</p>
 </dd>
 <dt>{{htmlattrdef("defaultvalue")}}</dt>
 <dd>Define un valor predeterminado en el campo de la contraseña.</dd>
 <dt>{{htmlattrdef("inputmode")}} {{HTMLVersionInline("5")}}</dt>
 <dd>Le da proporciona información al buscador sobre que teclado mostrar. Los valores posibles son:
 <ul>
  <li><code>verbatim</code>: Alfanumérico, contenido no verbla tales como usuarios y contraseñas.</li>
  <li><code>latin</code>: Introducción de texto en el lenguaje preferido del usuario con ayudas de escritura, como predicción de texto. Se usa para comunicación de usuario a ordenador en, por ejemplo, campos de búsqueda.</li>
  <li><code>latin-name</code>: Como <em>latin</em>, pero para nombres de personas.</li>
  <li><code>latin-prose</code>: Como <em>latin</em>, pero con unas ayudas de escritura más activas. Para comunicación de usuario a usuario como por ejemplo, mensajería instantanea o emails.</li>
  <li><code>full-width-latin</code>: Como <em>latin-prose</em>, pero para lenguajes secundarios del usuario.</li>
  <li><code>kana</code>: Entrada de texto Kana o romaji, normalmente entrada hiragana, usa carácteres con ancho completo, con soporte para converstirse a kanji. Establecido para la entrada de texto Japonés.</li>
  <li><code>katakana</code>: Katakana input, using full-width characters, with support for converting to kanji. Intended for Japanese text input.</li>
 </ul>
 </dd>
 <dt>{{htmlattrdef("maxlength")}}</dt>
 <dd>Establece el valor del atributo maxlength en el campo de una contraseña.</dd>
 <dt>{{htmlattrdef("minlength")}}</dt>
 <dd>Establece el valor del atributo minlength en el campo de una contraseña.</dd>
 <dt>{{htmlattrdef("name")}}</dt>
 <dd>Nombre del campo, usado para datos enviados desde formulario.</dd>
 <dt>{{htmlattrdef("pattern")}}{{HTMLVersionInline("5")}}</dt>
 <dd> Establece el valor del atributo pattern del campo de una contraseña.</dd>
 <dt>{{htmlattrdef("placeholder")}}{{HTMLVersionInline("5")}}</dt>
 <dd>Establece el valor del atributo placeholder del campo de una contraseña.</dd>
 <dt>{{htmlattrdef("readonly")}}</dt>
 <dd>Este atributo Booleano indica que el usuario no puede modificar el valor del campo de una contraseña.</dd>
 <dt>{{htmlattrdef("required")}}{{HTMLVersionInline("5")}}</dt>
 <dd>Este atributo Booleano especifica que el usuario debe rellenar con un valor antes de enviar un formulario.</dd>
 <dt>{{htmlattrdef("size")}}</dt>
 <dd>Establece el valor del atributo size del campo de una contraseña.</dd>
 <dt> </dt>
</dl>

<h2 id="Ejemplos">Ejemplos</h2>

<p>Para crear un widget que muestre una constraseña, use:</p>

<pre class="brush: html">&lt;input type="password"&gt;</pre>

<p>Para crear un widget que muestre una contraseña con un patrón o diseño, use:</p>

<pre class="brush: html">&lt;input type="password" pattern=".{6,}"&gt;</pre>

<p>El ejemplo de arriba creará un elemento password que deberá contener 6 o más carácteres.</p>

<h2 id="Especificaciones">Especificaciones</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Especificacion</th>
   <th scope="col">Status</th>
   <th scope="col">Comentario</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'the-input-element.html#the-input-element', '&lt;input&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'forms.html#the-input-element', '&lt;input&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td> </td>
  </tr>
  <tr>
   <td>{{SpecName('HTML4.01', 'interact/forms.html#h-17.4', '&lt;form&gt;')}}</td>
   <td>{{Spec2('HTML4.01')}}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<div class="note">
<p><strong>Fix me:</strong> Insert Browser Compatibility table here.</p>
</div>

<h2 id="sect1"> </h2>