{"id":4138,"date":"2020-10-13T14:14:11","date_gmt":"2020-10-13T17:14:11","guid":{"rendered":"https:\/\/blog.websitego.com.br\/?p=4138"},"modified":"2022-12-14T14:12:28","modified_gmt":"2022-12-14T17:12:28","slug":"mascara-personalizada-para-formularios-em-html5","status":"publish","type":"post","link":"https:\/\/blog.websitego.com.br\/mascara-personalizada-para-formularios-em-html5\/","title":{"rendered":"M\u00e1scara personalizada para formul\u00e1rios em HTML5"},"content":{"rendered":"<p><iframe title=\"M\u00e1scara personalizada para FORMUL\u00c1RIOS em HTML5 | WebsiteGO\" width=\"980\" height=\"551\" src=\"https:\/\/www.youtube.com\/embed\/b3J9jhYFV0g?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<h3>M\u00e1scara personalizada para formul\u00e1rios em HTML5<\/h3>\n<p>Voltamos com mais uma dica de como deixar o formul\u00e1rio de contato do seu site totalmente personalizado e blindando contra curiosos e spam. E por\u00a0 isso estamos aqui, para mostrar como adicionar uma m\u00e1scara personalizada para formul\u00e1rios em HTML5.<\/p>\n<p>J\u00e1 postamos aqui anteriormente como colocar uma <a href=\"https:\/\/blog.websitego.com.br\/validacoes-de-campos-para-formularios-em-html5\/\">simples valida\u00e7\u00e3o<\/a>, e agora com esse post, voc\u00ea tamb\u00e9m pode personalizar TODOS os campos.<\/p>\n<h3>Benef\u00edcios:<\/h3>\n<p>Ao personalizar os campos do seu formul\u00e1rio, voc\u00ea ajuda o seu cliente a preencher todos os campos de forma correta, evitando assim um retrabalho para validar ou consultar algum campo divergente.<\/p>\n<p><a href=\"https:\/\/www.websitego.com.br\/hospedagem-de-sites\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" class=\"markt aligncenter wp-image-4353 size-full\" src=\"https:\/\/blog.websitego.com.br\/wp-content\/uploads\/2020\/08\/03.png\" alt=\"\" width=\"750\" height=\"160\" srcset=\"https:\/\/blog.websitego.com.br\/wp-content\/uploads\/2020\/08\/03.png 750w, https:\/\/blog.websitego.com.br\/wp-content\/uploads\/2020\/08\/03-300x64.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/a><\/p>\n<p>O ideal \u00e9 sempre usar algumas combina\u00e7\u00f5es de valida\u00e7\u00e3o com m\u00e1scaras pois assim voc\u00ea al\u00e9m de ajudar o preenchimento humano, voc\u00ea evita a conclus\u00e3o do preenchimento rob\u00f3tico.<\/p>\n<p>Tenha sempre uma <a href=\"https:\/\/blog.websitego.com.br\/como-traduzir-o-captcha-do-google-no-seu-site\/\">confirma\u00e7\u00e3o com captcha<\/a> para blindar ainda mais o seu formul\u00e1rio, e evite tamb\u00e9m campos de mensagens com limita\u00e7\u00e3o infinita de texto, pois isso \u00e9 uma chamada perfeita para receber rob\u00f4s no seu formul\u00e1rio de contato.<\/p>\n<p>Para baixar e usar o script disponibilizado, basta clicar no bot\u00e3o abaixo e baixar gratuitamente, voc\u00ea receber\u00e1 no e-mail o link para download. E para\u00a0receber novas informa\u00e7\u00f5es de scripts e atualiza\u00e7\u00f5es, voc\u00ea pode acompanhar o nosso <a href=\"https:\/\/www.instagram.com\/websitego\/\" target=\"_blank\" rel=\"noopener noreferrer\">instagram<\/a> tamb\u00e9m!<\/p>\n<blockquote><p>At\u00e9 a pr\u00f3xima \ud83d\ude00<\/p><\/blockquote>\n<p><a class=\"botao-vendas-a botao-vendas\" href=\"https:\/\/scripts.websitego.com.br\/mascara-formulario\/\" target=\"_blank\" rel=\"noopener noreferrer\">Baixar o script gratuitamente<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>M\u00e1scara personalizada para formul\u00e1rios em HTML5 Voltamos com mais uma dica de como deixar o formul\u00e1rio de contato do seu<\/p>\n","protected":false},"author":3,"featured_media":4297,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"single-right-sidebar.php","format":"standard","meta":[],"categories":[41,38,33],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/posts\/4138"}],"collection":[{"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/comments?post=4138"}],"version-history":[{"count":0,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/posts\/4138\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/media\/4297"}],"wp:attachment":[{"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/media?parent=4138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/categories?post=4138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.websitego.com.br\/wp-json\/wp\/v2\/tags?post=4138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}