{"id":255,"date":"2024-05-21T10:09:57","date_gmt":"2024-05-21T08:09:57","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=255"},"modified":"2024-05-21T10:09:58","modified_gmt":"2024-05-21T08:09:58","slug":"56-tipos-de-input-html","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/html5\/html5-manual\/56-tipos-de-input-html\/","title":{"rendered":"56. Tipos de input HTML"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Estos son los diferentes tipos de <strong><em>input<\/em> <\/strong>que podremos encontrar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&lt;input type=\u00bbbutton\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbcheckbox\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbcolor\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbdate\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbdatetime-local\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbemail\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbfile\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbhidden\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbimage\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbmonth\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbnumber\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbpassword\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbradio\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbrange\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbreset\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbsearch\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbsubmit\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbtel\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbtext\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbtime\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bburl\u00bb><\/li>\n\n\n\n<li>&lt;input type=\u00bbweek\u00bb><\/li>\n<\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Sugerencia<\/strong>: el valor predeterminado del atributo de tipo es \u00ab<strong><em>text<\/em><\/strong>\u00ab.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">input type text<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bbtext\u00bb&gt;<\/em><\/strong> define un campo de entrada de texto de una sola l\u00ednea.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;form&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"fname\"&gt;First name:&lt;\/label&gt;&lt;br&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"text\"&nbsp;id=\"fname\"&nbsp;name=\"fname\"&gt;&lt;br&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"lname\"&gt;Last name:&lt;\/label&gt;&lt;br&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"text\"&nbsp;id=\"lname\"&nbsp;name=\"lname\"&gt;\n&lt;\/form&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">input type password<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bbpassword\u00bb&gt;<\/em><\/strong> define un campo de contrase\u00f1a. Los caracteres en un campo de contrase\u00f1a est\u00e1n enmascarados (se muestran como asteriscos o c\u00edrculos).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">input type submit<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bbsubmit\u00bb&gt;<\/em><\/strong> define un bot\u00f3n para enviar datos de formulario a un controlador de formulario. El controlador de formulario suele ser una p\u00e1gina de servidor con un script para procesar los datos de entrada. El controlador de formulario se especifica en el atributo de acci\u00f3n del formulario.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">input type reset<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bbreset\u00bb&gt;<\/em><\/strong> define un bot\u00f3n de reinicio que restablecer\u00e1 todos los valores del formulario a sus valores predeterminados.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;form&nbsp;action=\"\/action_page.php\"&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"fname\"&gt;First name:&lt;\/label&gt;&lt;br&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"text\"&nbsp;id=\"fname\"&nbsp;name=\"fname\"&nbsp;value=\"John\"&gt;&lt;br&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"lname\"&gt;Last name:&lt;\/label&gt;&lt;br&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"text\"&nbsp;id=\"lname\"&nbsp;name=\"lname\"&nbsp;value=\"Doe\"&gt;&lt;br&gt;&lt;br&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"submit\"&nbsp;value=\"Submit\"&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"reset\"&gt;\n&lt;\/form&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">input type radio<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bbradio\u00bb&gt;<\/em><\/strong> define un bot\u00f3n de radio. Los botones de opci\u00f3n le permiten al usuario seleccionar SOLO UNA de un n\u00famero limitado de opciones.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">input type checkbox<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bbcheckbox\u00bb&gt;<\/em><\/strong> define una casilla de verificaci\u00f3n. Las casillas de verificaci\u00f3n permiten al usuario seleccionar CERO o M\u00c1S opciones de un n\u00famero limitado de opciones.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">input type button<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bbbutton\u00bb&gt;<\/em><\/strong> define un bot\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;input&nbsp;type=\"button\"&nbsp;onclick=\"alert('Hello World!')\"&nbsp;value=\"Click Me!\"&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">input type color<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bbcolor\u00bb&gt;<\/em><\/strong> se usa para campos de entrada que deben contener un color. Dependiendo de la compatibilidad del navegador, puede aparecer un selector de color en el campo de entrada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;form&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"favcolor\"&gt;Select your favorite color:&lt;\/label&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"color\"&nbsp;id=\"favcolor\"&nbsp;name=\"favcolor\"&gt;\n&lt;\/form&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">input type date<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bbdate\u00bb&gt;<\/em><\/strong> se usa para campos de entrada que deben contener una fecha. Dependiendo de la compatibilidad del navegador, puede aparecer un selector de fecha en el campo de entrada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;form&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"birthday\"&gt;Birthday:&lt;\/label&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"date\"&nbsp;id=\"birthday\"&nbsp;name=\"birthday\"&gt;\n&lt;\/form&gt;<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Tambi\u00e9n puede usar los atributos <strong><em>min<\/em> <\/strong>y <strong><em>max<\/em> <\/strong>para agregar restricciones a las fechas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;form&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"datemax\"&gt;Enter a date before 1980-01-01:&lt;\/label&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"date\"&nbsp;id=\"datemax\"&nbsp;name=\"datemax\"&nbsp;max=\"1979-12-31\"&gt;&lt;br&gt;&lt;br&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"datemin\"&gt;Enter a date after 2000-01-01:&lt;\/label&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"date\"&nbsp;id=\"datemin\"&nbsp;name=\"datemin\"&nbsp;min=\"2000-01-02\"&gt;\n&lt;\/form&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">input type datetime-local<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bbdatetime-local\u00bb&gt;<\/em><\/strong> especifica un campo de entrada de fecha y hora, sin zona horaria. Dependiendo de la compatibilidad del navegador, puede aparecer un selector de fecha en el campo de entrada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;form&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"birthdaytime\"&gt;Birthday (date and time):&lt;\/label&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"datetime-local\"&nbsp;id=\"birthdaytime\"&nbsp;name=\"birthdaytime\"&gt;\n&lt;\/form&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">input type email<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bbemail\u00bb&gt;<\/em><\/strong> se usa para campos de entrada que deben contener una direcci\u00f3n de correo electr\u00f3nico. Dependiendo de la compatibilidad del navegador, la direcci\u00f3n de correo electr\u00f3nico se puede validar autom\u00e1ticamente cuando se env\u00eda. Algunos tel\u00e9fonos inteligentes reconocen el tipo de correo electr\u00f3nico y agregan \u00ab.com\u00bb al teclado para que coincida con la entrada del correo electr\u00f3nico.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;form&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"email\"&gt;Enter your email:&lt;\/label&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"email\"&nbsp;id=\"email\"&nbsp;name=\"email\"&gt;\n&lt;\/form&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">input type file<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bbfile\u00bb&gt;<\/em><\/strong> define un campo de selecci\u00f3n de archivos y un bot\u00f3n \u00abExaminar\u00bb para cargar archivos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;form&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"myfile\"&gt;Select a file:&lt;\/label&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"file\"&nbsp;id=\"myfile\"&nbsp;name=\"myfile\"&gt;\n&lt;\/form&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">input type hidden<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bbhidden\u00bb&gt;<\/em><\/strong> define un campo de entrada oculto (no visible para un usuario). Un campo oculto permite a los desarrolladores web incluir datos que los usuarios no pueden ver ni modificar cuando se env\u00eda un formulario. Un campo oculto a menudo almacena qu\u00e9 registro de la base de datos debe actualizarse cuando se env\u00eda el formulario.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>Nota:<\/strong> Si bien el valor no se muestra al usuario en el contenido de la p\u00e1gina, es visible (y se puede editar) utilizando las herramientas de desarrollo de cualquier navegador o la funci\u00f3n \u00abVer c\u00f3digo fuente\u00bb. \u00a1No utilice entradas ocultas como una forma de seguridad!<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;form&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"fname\"&gt;First name:&lt;\/label&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"text\"&nbsp;id=\"fname\"&nbsp;name=\"fname\"&gt;&lt;br&gt;&lt;br&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"hidden\"&nbsp;id=\"custId\"&nbsp;name=\"custId\"&nbsp;value=\"3487\"&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"submit\"&nbsp;value=\"Submit\"&gt;\n&lt;\/form&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">input type month<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bbmonth\u00bb&gt;<\/em><\/strong> permite al usuario seleccionar un mes y un a\u00f1o. Dependiendo de la compatibilidad del navegador, puede aparecer un selector de fecha en el campo de entrada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;form&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"bdaymonth\"&gt;Birthday (month and year):&lt;\/label&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"month\"&nbsp;id=\"bdaymonth\"&nbsp;name=\"bdaymonth\"&gt;\n&lt;\/form&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">input type number<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bbnumber\u00bb&gt;<\/em><\/strong> define un campo de entrada num\u00e9rico. Tambi\u00e9n puede establecer restricciones sobre qu\u00e9 n\u00fameros se aceptan. El siguiente ejemplo muestra un campo de entrada num\u00e9rico, donde puede ingresar un valor del 1 al 5.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;form&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"quantity\"&gt;Quantity (between 1 and 5):&lt;\/label&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"number\"&nbsp;id=\"quantity\"&nbsp;name=\"quantity\"&nbsp;min=\"1\"&nbsp;max=\"5\"&gt;\n&lt;\/form&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Restricciones<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Aqu\u00ed hay una lista de algunas restricciones de entrada comunes:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><th>Atributo<\/th><th>Descripci\u00f3n<\/th><\/tr><tr><td>checked<\/td><td>Especifica que se debe preseleccionar un campo de entrada cuando se carga la p\u00e1gina (para <strong><em>type=\u00bbcheckbox\u00bb<\/em><\/strong> o <strong><em>type=\u00bbradio\u00bb<\/em><\/strong>)<\/td><\/tr><tr><td>disabled<\/td><td>Especifica que un campo de entrada debe estar deshabilitado<\/td><\/tr><tr><td>max<\/td><td>Especifica el valor m\u00e1ximo para un campo de entrada<\/td><\/tr><tr><td>maxlength<\/td><td>Especifica el n\u00famero m\u00e1ximo de caracteres para un campo de entrada<\/td><\/tr><tr><td>min<\/td><td>Especifica el valor m\u00ednimo para un campo de entrada<\/td><\/tr><tr><td>pattern<\/td><td>Especifica una expresi\u00f3n regular para comparar el valor de entrada<\/td><\/tr><tr><td>readonly<\/td><td>Especifica que un campo de entrada es de solo lectura (no se puede cambiar)<\/td><\/tr><tr><td>required<\/td><td>Especifica que se requiere un campo de entrada (debe completarse)<\/td><\/tr><tr><td>size<\/td><td>Especifica el ancho (en caracteres) de un campo de entrada<\/td><\/tr><tr><td>step<\/td><td>Especifica los intervalos de n\u00fameros legales para un campo de entrada<\/td><\/tr><tr><td>value<\/td><td>Especifica el valor predeterminado para un campo de entrada<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">El siguiente ejemplo muestra un campo de entrada num\u00e9rico, donde puede ingresar un valor de 0 a 100, en pasos de 10. El valor predeterminado es 30.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;form&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"quantity\"&gt;Quantity:&lt;\/label&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"number\"&nbsp;id=\"quantity\"&nbsp;name=\"quantity\"&nbsp;min=\"0\"\n &nbsp;max=\"100\"&nbsp;step=\"10\"&nbsp;value=\"30\"&gt;\n&lt;\/form&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">input type range<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El <strong><em>&lt;input type=\u00bbrange\u00bb&gt;<\/em><\/strong> define un control para ingresar un n\u00famero cuyo valor exacto no es importante (como un control deslizante). El rango predeterminado es de 0 a 100. Sin embargo, puedes establecer restricciones sobre qu\u00e9 n\u00fameros se aceptan con los atributos <strong><em>min<\/em><\/strong>, <strong><em>max<\/em> <\/strong>y <strong><em>step.<\/em><\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;form&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"vol\"&gt;Volume (between 0 and 50):&lt;\/label&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"range\"&nbsp;id=\"vol\"&nbsp;name=\"vol\"&nbsp;min=\"0\"&nbsp;max=\"50\"&gt;\n&lt;\/form&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">input type search<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">El <strong><em>&lt;input type=\u00bbsearch\u00bb&gt;<\/em><\/strong> se utiliza para los campos de b\u00fasqueda (un campo de b\u00fasqueda se comporta como un campo de texto normal).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;form&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"gsearch\"&gt;Search Google:&lt;\/label&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"search\"&nbsp;id=\"gsearch\"&nbsp;name=\"gsearch\"&gt;\n&lt;\/form&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">input type tel<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bbtel\u00bb&gt;<\/em><\/strong> se utiliza para campos de entrada que deben contener un n\u00famero de tel\u00e9fono.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;!DOCTYPE html&gt;\n&lt;html&gt;\n&lt;body&gt;\n\n&lt;h2&gt;Telephone Field&lt;\/h2&gt;\n\n&lt;p&gt;The &lt;strong&gt;input type=\"tel\"&lt;\/strong&gt; is used for input fields that \ncontain a telephone number:&lt;\/p&gt;\n\n&lt;form action=\"\/action_page.php\"&gt;\n&lt;label for=\"phone\"&gt;Enter a phone number:&lt;\/label&gt;&lt;br&gt;&lt;br&gt;\n&lt;input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"123-45-678\" \npattern=\"[0-9]{3}-[0-9]{2}-[0-9]{3}\" required&gt;&lt;br&gt;&lt;br&gt;\n&lt;small&gt;Format: 123-45-678&lt;\/small&gt;&lt;br&gt;&lt;br&gt;\n&lt;input type=\"submit\" value=\"Submit\"&gt;\n&lt;\/form&gt;\n\n&lt;\/body&gt;\n&lt;\/html&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">input type time<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bbtime\u00bb&gt;<\/em><\/strong> permite al usuario seleccionar una hora (sin zona horaria).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dependiendo de la compatibilidad del navegador, puede aparecer un selector de tiempo en el campo de entrada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;form&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"appt\"&gt;Select a time:&lt;\/label&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"time\"&nbsp;id=\"appt\"&nbsp;name=\"appt\"&gt;\n&lt;\/form&gt;<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">input type url<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bburl\u00bb&gt;<\/em><\/strong> se utiliza para campos de entrada que deben contener una direcci\u00f3n URL. Dependiendo de la compatibilidad del navegador, el campo de URL se puede validar autom\u00e1ticamente cuando se env\u00eda. Algunos tel\u00e9fonos inteligentes reconocen el tipo de URL y agregan \u00ab.com\u00bb al teclado para que coincida con la entrada de URL.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">input type week<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>&lt;input type=\u00bbweek\u00bb&gt;<\/em><\/strong> permite al usuario seleccionar una semana y un a\u00f1o. Dependiendo de la compatibilidad del navegador, puede aparecer un selector de fecha en el campo de entrada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Ejm<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&lt;form&gt;\n&nbsp;&nbsp;&lt;label&nbsp;for=\"week\"&gt;Select a week:&lt;\/label&gt;\n&nbsp;&nbsp;&lt;input&nbsp;type=\"week\"&nbsp;id=\"week\"&nbsp;name=\"week\"&gt;\n&lt;\/form&gt;<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Estos son los diferentes tipos de input que podremos encontrar: Sugerencia: el valor predeterminado del atributo de tipo es \u00abtext\u00ab. input type&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":41,"menu_order":55,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-255","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"Estos son los diferentes tipos de input que podremos encontrar: Sugerencia: el valor predeterminado del atributo de tipo es \u00abtext\u00ab. input type...","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/255","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=255"}],"version-history":[{"count":2,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/255\/revisions"}],"predecessor-version":[{"id":257,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/255\/revisions\/257"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/41"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}