{"id":2418,"date":"2012-07-04T11:14:05","date_gmt":"2012-07-04T13:14:05","guid":{"rendered":"https:\/\/www.kadunew.com\/blog\/?p=2418"},"modified":"2015-05-08T16:13:05","modified_gmt":"2015-05-08T18:13:05","slug":"html5-atributo-autocomplete","status":"publish","type":"post","link":"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete","title":{"rendered":"HTML5 &#8211; Atributo autocomplete"},"content":{"rendered":"<figure id=\"attachment_2517\" aria-describedby=\"caption-attachment-2517\" style=\"width: 540px\" class=\"wp-caption aligncenter\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/logo-html5-kadunew.png\" alt=\"HTML5\" title=\"Atributo autocomplete da HTML5\" width=\"540\" height=\"200\" class=\"size-full wp-image-2210\" \/><br \/>\n<figcaption id=\"caption-attachment-2517\" class=\"wp-caption-text\">Atributo autocomplete<\/figcaption><\/figure>\n<p>O atributo <strong>autocomplete<\/strong> \u00e9 novo na <a href=\"https:\/\/www.kadunew.com\/blog\/category\/html5\" title=\"Artigos e tutoriais sobre HTML5\">HTML5<\/a> . A fun\u00e7\u00e3o do atributo \u00e9 habilitar ou desabilitar o autopreenchimento dos elementos <code>form<\/code> e <em>input<\/em>.<\/p>\n<p>Alguns <a href=\"https:\/\/www.kadunew.com\/blog\/category\/browsers\" title=\"Artigos relacionados a navegadores, Firefox, Chrome, Internet Explorer...\">navegadores<\/a> oferecem a funcionalidade de preencher ou sugerir op\u00e7\u00f5es de preenchimento de um campo de formul\u00e1rio. Essa sugest\u00e3o \u00e9 feita com base no que foi digitado anteriormente pelo usu\u00e1rio.<br \/>\n<!--more Continuar lendo...--><br \/>\nDefinir se um campo de formul\u00e1rio deve ou n\u00e3o ter seu autopreenchomento ativo \u00e9 extremamente importante, uma vez que nunca sabemos onde nossos usu\u00e1rios estar\u00e3o acessando esse formul\u00e1rio. Eles podem preencher seus dados a partir de um computador seguro ou um computador p\u00fablico. Independentemente do n\u00edvel de seguran\u00e7a, alguns valores de campo nunca devem ser lembrado, por exemplo, n\u00famero de cart\u00e3o de cr\u00e9dito, CPF, etc. <\/p>\n<h2>Valores do atributo<\/h2>\n<ul>\n<li><em>on<\/em>: valor Default\/Padr\u00e3o.O navegador ir\u00e1 <strong>preencher automaticamente<\/strong> os valores com base em valores digitado anteriormente pelos usu\u00e1rios.<\/li>\n<li><em>off<\/em>: o navegador <strong>n\u00e3o completa<\/strong> automaticamente entradas nos campos do formul\u00e1rio.<\/li>\n<\/ul>\n<p><\/p>\n<div class=\"obs\">\n\u00c9 poss\u00edvel ter <em>autocomplete<\/em> igual a <em>on<\/em> para o formul\u00e1rio, e <em>off<\/em> para campos de entrada espec\u00edficos, ou vice-versa.\n<\/div>\n<h2>Exemplo atributo Autocomplete<\/h2>\n<p>O exemplo abaixo desabilita o autopreenchimento de todo formul\u00e1rio, j\u00e1 que o atributo est\u00e1 sendo aplicado no elemento de formul\u00e1rio.<\/p>\n<pre class=\"brush: xml; title: HTML; notranslate\" title=\"HTML\">\r\n&lt;form method=&quot;post&quot; autocomplete=&quot;off&quot;&gt;\r\n<\/pre>\n<p>Esse outro exemplo mostra como voc\u00ea pode isolar um \u00fanico campo para prevenir o autocomplete:<\/p>\n<pre class=\"brush: xml; title: HTML; notranslate\" title=\"HTML\">\r\n&lt;input type=&quot;text&quot; name=&quot;cartao_c&quot; autocomplete=&quot;off&quot; \/&gt;\r\n<\/pre>\n<p>Siga-me no Twitter: <a href=\"http:\/\/twitter.com\/kadunew\" rel=\"nofollow\">@kadunew<\/a> ou assine nosso <a href=\"https:\/\/www.kadunew.com\/blog\/feed\">Feed<\/a> e fique por dentro de todas atualiza\u00e7\u00f5es aqui do blog.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O atributo autocomplete \u00e9 novo na HTML5 . A fun\u00e7\u00e3o do atributo \u00e9 habilitar ou desabilitar o autopreenchimento dos elementos form e input. Alguns navegadores oferecem a funcionalidade de preencher ou sugerir op\u00e7\u00f5es de preenchimento de um campo de formul\u00e1rio. Essa sugest\u00e3o \u00e9 feita com base no que foi digitado anteriormente pelo usu\u00e1rio.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[59],"tags":[],"class_list":["post-2418","post","type-post","status-publish","format-standard","hentry","category-html"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>HTML5 - Atributo autocomplete<\/title>\n<meta name=\"description\" content=\"O atributo autocomplete da HTML5 especifica se um campo de formul\u00e1rio do tipo input ficar\u00e1 ativado ou desativado.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML5 - Atributo autocomplete\" \/>\n<meta property=\"og:description\" content=\"O atributo autocomplete da HTML5 especifica se um campo de formul\u00e1rio do tipo input ficar\u00e1 ativado ou desativado.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete\" \/>\n<meta property=\"og:site_name\" content=\"KADUNEW\" \/>\n<meta property=\"article:published_time\" content=\"2012-07-04T13:14:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2015-05-08T18:13:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/logo-html5-kadunew.png\" \/>\n\t<meta property=\"og:image:width\" content=\"550\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kadu Oliveira\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kadu Oliveira\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete\",\"url\":\"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete\",\"name\":\"HTML5 - Atributo autocomplete\",\"isPartOf\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/logo-html5-kadunew.png\",\"datePublished\":\"2012-07-04T13:14:05+00:00\",\"dateModified\":\"2015-05-08T18:13:05+00:00\",\"author\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05\"},\"description\":\"O atributo autocomplete da HTML5 especifica se um campo de formul\u00e1rio do tipo input ficar\u00e1 ativado ou desativado.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete#primaryimage\",\"url\":\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/logo-html5-kadunew.png\",\"contentUrl\":\"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/logo-html5-kadunew.png\",\"width\":\"550\",\"height\":\"200\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.kadunew.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML\",\"item\":\"https:\/\/www.kadunew.com\/blog\/category\/html\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"HTML5 &#8211; Atributo autocomplete\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#website\",\"url\":\"https:\/\/www.kadunew.com\/blog\/\",\"name\":\"KADUNEW\",\"description\":\"Artigos sobre Front-End e Programa\u00e7\u00e3o web\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.kadunew.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05\",\"name\":\"Kadu Oliveira\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g\",\"caption\":\"Kadu Oliveira\"},\"sameAs\":[\"https:\/\/www.kadunew.com\/blog\"],\"url\":\"https:\/\/www.kadunew.com\/blog\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"HTML5 - Atributo autocomplete","description":"O atributo autocomplete da HTML5 especifica se um campo de formul\u00e1rio do tipo input ficar\u00e1 ativado ou desativado.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete","og_locale":"pt_BR","og_type":"article","og_title":"HTML5 - Atributo autocomplete","og_description":"O atributo autocomplete da HTML5 especifica se um campo de formul\u00e1rio do tipo input ficar\u00e1 ativado ou desativado.","og_url":"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete","og_site_name":"KADUNEW","article_published_time":"2012-07-04T13:14:05+00:00","article_modified_time":"2015-05-08T18:13:05+00:00","og_image":[{"width":550,"height":200,"url":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/logo-html5-kadunew.png","type":"image\/png"}],"author":"Kadu Oliveira","twitter_misc":{"Escrito por":"Kadu Oliveira","Est. tempo de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete","url":"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete","name":"HTML5 - Atributo autocomplete","isPartOf":{"@id":"https:\/\/www.kadunew.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete#primaryimage"},"image":{"@id":"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete#primaryimage"},"thumbnailUrl":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/logo-html5-kadunew.png","datePublished":"2012-07-04T13:14:05+00:00","dateModified":"2015-05-08T18:13:05+00:00","author":{"@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05"},"description":"O atributo autocomplete da HTML5 especifica se um campo de formul\u00e1rio do tipo input ficar\u00e1 ativado ou desativado.","breadcrumb":{"@id":"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete#primaryimage","url":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/logo-html5-kadunew.png","contentUrl":"https:\/\/www.kadunew.com\/blog\/wp-content\/uploads\/2012\/01\/logo-html5-kadunew.png","width":"550","height":"200"},{"@type":"BreadcrumbList","@id":"https:\/\/www.kadunew.com\/blog\/html\/html5-atributo-autocomplete#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.kadunew.com\/blog"},{"@type":"ListItem","position":2,"name":"HTML","item":"https:\/\/www.kadunew.com\/blog\/category\/html"},{"@type":"ListItem","position":3,"name":"HTML5 &#8211; Atributo autocomplete"}]},{"@type":"WebSite","@id":"https:\/\/www.kadunew.com\/blog\/#website","url":"https:\/\/www.kadunew.com\/blog\/","name":"KADUNEW","description":"Artigos sobre Front-End e Programa\u00e7\u00e3o web","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.kadunew.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05","name":"Kadu Oliveira","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g","caption":"Kadu Oliveira"},"sameAs":["https:\/\/www.kadunew.com\/blog"],"url":"https:\/\/www.kadunew.com\/blog\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/2418"}],"collection":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/comments?post=2418"}],"version-history":[{"count":11,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/2418\/revisions"}],"predecessor-version":[{"id":3847,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/2418\/revisions\/3847"}],"wp:attachment":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/media?parent=2418"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/categories?post=2418"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/tags?post=2418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}