aboutsummaryrefslogtreecommitdiff
path: root/files/pt-br/orphaned/learn
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2021-07-11 09:25:19 -0400
committerGitHub <noreply@github.com>2021-07-11 10:25:19 -0300
commit7053a316d36dc8193eb102d0cba46f4970a05637 (patch)
tree65e1b5586cb94cfb16300f496c7287d03a7aa251 /files/pt-br/orphaned/learn
parent0cce4493c05cd8f7becf8e1de289259bef488986 (diff)
downloadtranslated-content-7053a316d36dc8193eb102d0cba46f4970a05637.tar.gz
translated-content-7053a316d36dc8193eb102d0cba46f4970a05637.tar.bz2
translated-content-7053a316d36dc8193eb102d0cba46f4970a05637.zip
delete conflicting/orphaned in pt-BR (#1421)
* delete conflicting/orphaned in pt-BR * chore: remove empty line * deleted last orphaned redirects * remove deleted orphans Co-authored-by: Josiel Rocha <1158643+josielrocha@users.noreply.github.com> Co-authored-by: Josiel Rocha <josiel.rocha@gmail.com>
Diffstat (limited to 'files/pt-br/orphaned/learn')
-rw-r--r--files/pt-br/orphaned/learn/how_to_contribute/index.html91
-rw-r--r--files/pt-br/orphaned/learn/html/forms/html5_updates/index.html113
2 files changed, 0 insertions, 204 deletions
diff --git a/files/pt-br/orphaned/learn/how_to_contribute/index.html b/files/pt-br/orphaned/learn/how_to_contribute/index.html
deleted file mode 100644
index 63586e3320..0000000000
--- a/files/pt-br/orphaned/learn/how_to_contribute/index.html
+++ /dev/null
@@ -1,91 +0,0 @@
----
-title: Como contribuir para a área de aprendizagem da MDN
-slug: orphaned/Learn/How_to_contribute
-tags:
- - Documentação
- - Guia(2)
- - Iniciante
- - MDN Meta
- - aprendizado
- - contribuir
- - prioridde
- - pt-br
-translation_of: Learn/How_to_contribute
-original_slug: Aprender/Como_contribuir
----
-<p>Se você está aqui pela primeira vez ou após uma pesquisa mais aprofundada, é porque provavelmente você está interessado em contribuir para a área de aprendizado da MDN. Isto é uma excelente notícia!</p>
-
-<p>Nesta página, você irá encontrar tudo o que você precisa para começar a ajudar a melhorar o conteúdo de aprendizado da MDN. Existem muitas coisas que você pode fazer, dependendo de quanto tempo você tem disponível ou se você é<span class="seoSummary"><a href="/en-US/Learn/How_to_contribute#I'm_a_beginner">um iniciante</a>, <a href="/en-US/Learn/How_to_contribute#I'm_a_web_developer">um desenvolvedor web</a>, ou <a href="/en-US/Learn/How_to_contribute#I'm_a_teacher">um professor</a>.</span></p>
-
-<div class="note">
-<p><strong>Nota:</strong> se você já é um contribuinte do MDN, não hesite em checar novamente a <a href="/en-US/docs/MDN/Doc_status/Learn">pagina com o status da documentação </a>para acompanhar o trabalho que tem sido feito e ver quais prioridades estão sendo escritas.</p>
-</div>
-
-<div class="note">
-<p><strong>Nota:</strong> Os contribuintes estão utilizando <a href="https://trello.com/b/LDggrYSV">um painel na Trello</a> para organizar as suas tarefas. Se você quiser utilizar esta ferramenta, apena <a href="https://trello.com/signup">se registre na Trello</a> e procure por <a href="/en-US/docs/MDN/Contribute/Drivers_and_curators">Jeremie</a> lhe dar acesso de escrita ao painel.</p>
-</div>
-
-<h2 id="Encontre_tarefas_específicas">Encontre tarefas específicas</h2>
-
-<p><strong>Uma forma comum que as pessoas usam para contribuir para a Área de aprendizado é lendo os artigos, corrigindo erros de digitação e sugerindo melhorias. Adição de exemplos no nosso <a href="https://github.com/mdn/learning-area/">repositório do github</a> também é bem vindo e entre em contato conosco se você quiser pedir o que mais precisar.</strong></p>
-
-<p>Contribuir é um ótimo modo de se divertir enquanto aprende novas coisas. Se você se sentir perdido ou tiver dúvidas, não hesite em chegar até nós no "<a href="https://discourse.mozilla.org/t/learning-web-development-marking-guides-and-questions/16294">Fórum de conversa e aprendizado</a>" ou no <a href="https://developer.mozilla.org/en-US/docs/MDN/Community#Get_into_IRC">canal IRC </a>(Veja o final da página para mais detalhes). <a href="https://developer.mozilla.org/en-US/profiles/chrisdavidmills">Chris Mills</a> é o "topic driver" da Área de aprendizado - você também poderia tentar contatá-lo diretamente.</p>
-
-<p>As sessões a seguir oferecem algumas ideias gerais de tipos de tarefas que você pode fazer.</p>
-
-<h2 id="Eu_sou_um_iniciante"><strong>Eu sou um iniciante</strong></h2>
-
-<p>Isto é incrível!  Iniciantes são muito importantes e valiosos para criar e dar feedback sobre o material de aprendizado. Você possui uma perspectiva única destes artigos já que você faz parte do público alvo, o que pode torna-lo um membro valioso da nossa equipe. De fato, se você está utilizando um dos nossos artigos para aprender algo e você ficar preso, ou de alguma forma achar o artigo confuso, você pode consertar isso ou nos contar sobre o problema para nós nos certificarmos que isso será corrigido.</p>
-
-<p>Contribuir também é uma ótima maneira de se divertir enquanto aprende coisas novas se você se sentir perdido ou tiver perguntas, não hesite em nos contatar na <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">nossa lista de e-mail</a> ou <a href="/en-US/docs/MDN/Community#Get_into_IRC">no nosso canal IRC</a> (obtenha detalhes na parte inferior desta página).</p>
-
-<p>Aqui temos algumas sugestões de como você pode contribuir:</p>
-
-<dl>
- <dt><a href="/en-US/docs/MDN/Contribute/Howto/Tag">Adicionar tags para os nossos artigos</a> (<em>5 min</em>)</dt>
- <dd>Adicionar tags para o conteúdo do MDN é uma das maneiras mais fáceis de contribuir para a MDN. Uma de nossas diversas características é utilizar tags para ajudar no contexto da informação, é muito valioso contribuir com as tags. Para começar, dê uma olhada nesta lista de <a href="/en-US/docs/MDN/Doc_status/Glossary#No_tags">entradas do glosário</a> e <a href="/en-US/docs/MDN/Doc_status/Learn#No_tags">artigos de aprendizagem</a> sem nenhuma tag.</dd>
- <dt><a href="/en-US/docs/Glossary">Escrever e revisar entradas no glossário</a> (<em>15 min</em>)</dt>
- <dd>Como um iniciante, precisamos dos seus olhos ainda frescos olhando para o nosso conteúdo. Se você achar a entrada no glossário difícil de compreender, isto significa que está entrada precisa ser melhorada. Sinta-se livre para fazer qualquer mudança que você ache necessária. Se você acredita não ter a habilidade necessária para editar a entrada por você mesmo, nos comunique através da <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">nossa lista de e-mail</a>.</dd>
- <dt><a href="/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">Escrever uma nova entrada no glossário</a> (<em>1 horas</em>)</dt>
- <dd>Esta é a maneira mais efetiva de aprender algo novo. Pegue um conceito sobre o qual você deseja aprender, e conforme você aprende sobre ele, escreva uma entrada no glossário. Explicar algo para os outros é uma ótima maneira de consolidar o conhecimento no seu cérebro, e ajudar para que as coisas possam fazer mais sentido para você, tudo enquanto ajuda outras pessoas. Todo mundo ganha!.</dd>
- <dt><a href="/en-US/Learn/Index">Ler e revisar um artigo de aprendizagem</a> (<em>2 hora</em>s)</dt>
- <dd>É muito parecido com revisar entradas no glossário (veja acima); apenas leva mais tempo, geralmente estes artigos são um pouco maiores.</dd>
-</dl>
-
-<h2 id="Eu_sou_um_desenvolvedor_web"><strong>Eu sou um desenvolvedor web</strong></h2>
-
-<p>Fantástico! Suas habilidades técnicas são tudo o que nós precisamos para certeza que fornecemos um conteúdo preciso para os iniciantes. Como esta parte específica do MDN é dedicada à aprendizagem da Web, certifique-se que as suas explicações são as mais simples possíveis, simples, porém úteis. É mais importante ser compreensível do que ser excessivamente precisa.</p>
-
-<dl>
- <dt><a href="/en-US/docs/Glossary">Escrever e revisar entradas no glossário</a> (<em>15 min</em>)</dt>
- <dd>Como um desenvolvedor web, nós precisamos de você tenha certeza que o nosso conteúdo é tecnicamente preciso, sem ser muito tedioso. Sinta-se livre para fazer qualquer mudança que você achar necessário. Se você quiser discutir o conteúdo antes da edição, nos contate na <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">nossa lista de e-mail</a> ou <a href="/en-US/docs/MDN/Community#Get_into_IRC">canal IRC</a>.</dd>
- <dt><a href="/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">Escrever uma nova entrada no glossário</a> (<em>1 hora</em>)</dt>
- <dd>Esclarecer termos técnicos é uma boa forma de aprender e ser ao mesmo tempo tecnicamente preciso e simples. Os iniciantes vão agradecer por isso. Nós temos <a href="/en-US/docs/Glossary#Contribute">muitos termos indefinidos</a> que precisam da sua atenção. Pegue um e você já estará pronto para começar.</dd>
- <dt><a href="/en-US/Learn/Index">Escrever e revisar artigos de prendizagem</a> (<em>2 hora</em>)</dt>
- <dd>Esta é a mesma coisa que revisar uma entrada do glossário (ver acima); ela só leva um pouco mais de tempo pois estes artigos são um pouco maiores.</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web">Escrever um novo artigo de aprendizagem</a> (<em>4 horas</em>)</dt>
- <dd>A MDN está em falta de alguns artigos simples sobre o uso de tecnologias web (<a href="/en-US/docs/Learn/CSS">HTML</a>, <a href="/en-US/docs/Learn/CSS">CSS</a>, <a href="/en-US/docs/Learn/JavaScript">JavaScript</a>, etc). Temos também alguns conteúdos antigos na MDN que merecem ser revisados e reformulados. Leve as suas habilidades ao limite para tornar as tecnologias da Web utilizáveis mesmo para os iniciantes.</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Howto/Create_an_interactive_exercise_to_help_learning_the_web">Criar exercícios, exemplos de código e ferramentas de aprendizagem interativas</a> (<em>? horas</em>)</dt>
- <dd>Todos os nossos artigos de aprendizagem exigem que chamamos de "aprendizagem ativa", porque as pessoas aprendem melhor fazendo algo por si mesmas. Tais materiais são exercícios ou conteúdos interativos que ajudam o usuário a aplicar e manipular os conceitos descritos em um artigo. Há muitas formas possíveis de tornar os conteúdos de aprendizagem interativos, desde a criação de amostras de código com <a href="http://jsfiddle.net" rel="external">JSFiddle</a>, ou similar, liberte a sua criatividade para a construção de conteúdo interativo com <a href="https://thimble.mozilla.org/" rel="external">Thimble</a>.</dd>
-</dl>
-
-<h2 id="Eu_sou_um_professor"><strong>Eu sou um professor</strong></h2>
-
-<p>A MDN tem uma longa história de excelência técnica, mas falta profundidade de compreensão da melhor maneira de ensinar conceitos para os recém-chegados. E é aqui que precisamos de você, como um professor ou educador. Você pode nos ajudar a garantir que os nossos materiais possuam uma boa didática, e que sejam práticos para os nossos leitores.</p>
-
-<dl>
- <dt><a href="/en-US/docs/Glossary">Ler e revisar uma entrada no glossário</a> (<em>15 min</em>)</dt>
- <dd>Confira uma entrada de glossário e sinta-se livre para fazer qualquer alteração que você ache necessária. Se você quiser discutir sobre o conteúdo antes da edição, entre em contato conosco na <a href="/en-US/docs/MDN/Community#Join_our_mailing_lists">nossa lista de e-mail</a> ou <a href="/en-US/docs/MDN/Community#Get_into_IRC">canal IRC</a>.</dd>
- <dt><a href="/docs/MDN/Contribute/Howto/Write_a_new_entry_in_the_Glossary">Escrever uma nova entrada no glossário</a>  (<em>1 hora</em>)</dt>
- <dd>Definições claras, simples de termos e conceitos básicos no glossário são fundamentais para atender às necessidades dos iniciantes. Sua experiência como educador pode ajudar a criar excelentes entradas de glossário; temos <a href="/en-US/docs/Glossary#Contribute">muitos termos indefinidos</a> que precisam da sua atenção. Escolha um e vá a diante.</dd>
- <dt><a href="/en-US/docs/tag/needsSchema">Adicionar ilustrações/ou esquemas para os artigos</a> (<em>1 hora</em>)</dt>
- <dd>Como você deve saber, as ilustrações são uma parte valiosa de qualquer conteúdo de aprendizagem. Isso é algo que muitas vezes não temos na MDN e suas habilidades podem fazer a diferença nessa área. Confira os <a href="/en-US/docs/tag/needsSchema">artigos que necessitam conteúdo ilustrativo</a> e pegue um que você queira criar gráficos.</dd>
- <dt><a href="/en-US/Learn/Index">Ler e revisar um artigo de aprendizagem</a> (<em>2 horas</em>)</dt>
- <dd>Isto é semelhante a revisar entradas de glossário (veja acima), mas exige mais tempo porque os artigos são um pouco maiores.</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Howto/Write_an_article_to_help_learn_about_the_Web">Escrever um novo artigo de aprendizagem</a> (<em>4 horas</em>)</dt>
- <dd>Precisamos de artigos simples e diretos sobre o ecossistema da Web e outros temas funcionais em torno deste tema. Uma vez que estes artigos de aprendizagem precisam ser educativos ao invés de tentar literalmente cobrir tudo que há para saber, sua experiência em saber o que cobrir será um grande trunfo.</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Howto/Create_an_interactive_exercise_to_help_learning_the_web">Criar exercícios, questionários e ferramentas interativas de aprendizado</a> (<em>? horas</em>)</dt>
- <dd>Todos os nossos artigos de aprendizagem exigem "aprendizagem ativa". Tais materiais são exercícios ou conteúdo interativo que ajudam ao usuário aprender a usar e expandir os conceitos descritos em um artigo. Há muitas coisas que você pode fazer aqui, você pode ciar questionários para a construção de conteúdo interativo com o <a href="https://thimble.mozilla.org/" rel="external">Thimble</a>. Solte a sua criatividade!</dd>
- <dt><a href="/en-US/docs/MDN/Contribute/Howto/Create_learning_pathways">Criar planos de aprendizagem</a> (<em>? horas</em>)</dt>
- <dd>A fim de fornecer tutoriais compreensíveis, precisamos moldar o nosso conteúdo em planos de aprendizagem. Esta é uma maneira de reunir o conteúdo existente e descobrir o que está faltando para criar um bom artigo de aprendizagem.</dd>
-</dl>
diff --git a/files/pt-br/orphaned/learn/html/forms/html5_updates/index.html b/files/pt-br/orphaned/learn/html/forms/html5_updates/index.html
deleted file mode 100644
index 40721d4f3c..0000000000
--- a/files/pt-br/orphaned/learn/html/forms/html5_updates/index.html
+++ /dev/null
@@ -1,113 +0,0 @@
----
-title: Formulários em HTML
-slug: orphaned/Learn/HTML/Forms/HTML5_updates
-translation_of: Learn/HTML/Forms/HTML5_updates
-original_slug: HTML/Forms_in_HTML
----
-<p>{{ gecko_minversion_header("2") }}</p>
-
-<p>Elementos e atributos de formulários em <strong>HTML5</strong> proporcionam um grau de marcação semântica maior que HTML4 e remove grande parte da tediosa necessidade de se mexer com scripts e estilos que era necessária em HTML4. As características dos formulários em HTML5 proporcionam uma melhor experiência para usuários por tornarem formulários mais consistentes entre diferentes sites e dar um feedback imediato ao usuário sobre a entrada de dados. Eles também oferecem essa experiência para usuários que possuem scripts desabilitados em seus navegadores.</p>
-
-<p>Este tópico descreve itens novos ou modificados que são suportados por Gecko/Firefox, versão 4 ou mais recente.</p>
-
-<h3 id="O_elemento_&lt;input>">O elemento <code>&lt;input&gt;</code></h3>
-
-<p>O elemento <code>{{ HTMLElement("input") }}</code> tem novos valores para o atributo {{ htmlattrxref("type", "input") }}.</p>
-
-<ul>
- <li><code>search</code>: O elemento representa um campo de entrada de pesquisa. Quebras de linha são automaticamente retiradas do valor de entrada, mas nenhuma outra sintaxe é aplicada.</li>
- <li><code>tel</code>: O elemento representa um controle para edição de um número telefônico. Quebras de linha são automaticamente retiradas do valor de entrada, mas nenhuma outra sintaxe é aplicada, porque números telefônicos variam muito dependendo do país em que se encontra. Você pode usar atributos como {{ htmlattrxref("pattern", "input") }} e {{ htmlattrxref("maxlength", "input") }} para restringir valores de entrada.</li>
- <li><code>url</code>: O elemento representa um controle para edição de uma <a class="external" href="http://pt.wikipedia.org/wiki/URL" title="http://pt.wikipedia.org/wiki/URL">URL</a>. Quebreas de linha e espaços em branco à esquerda e direita são automaticamente retirados do valor de entrada.</li>
- <li>
- <p><code>email</code>: O elemento representa um endereço de email. Quebras de linha são automaticamente retiradas do valor de entrada. Um email inválido até pode ser colocado, mas o campo de entrada só aceitará se ele respeitar o formato da ABNF <code>1*( atext / "." ) "@" ldh-str 1*( "." ldh-str )</code> onde <code>atext</code> é definido em <a class="external" href="http://tools.ietf.org/html/rfc5322#section-3.2.3">RFC 5322 section 3.2.3</a>, e <code>ldh-str</code> é definido em <a class="external" href="http://tools.ietf.org/html/rfc1034#section-3.5">RFC 1034 section 3.5</a>.</p>
-
- <div class="note"><strong>Nota:</strong> Se o atributo {{ htmlattrxref("multiple", "input") }} for aplicado, multiplos endereços de email podem ser colocador neste elemento {{ HTMLElement("input") }} , como uma lista separada por vírgulas, mas este recurso ainda está sendo implementado no Firefox.</div>
- </li>
-</ul>
-
-<p>O elemento {{ HTMLElement("input") }} também tem novos atributos:</p>
-
-<ul>
- <li>{{ htmlattrxref("list", "input") }}: O ID de um elemento {{ HTMLElement("datalist") }} cujo conteúdo, elementos {{ HTMLElement("option") }} , e são usados como dicas e mostrados como sugestões no campo de entrada.</li>
- <li>{{ htmlattrxref("pattern", "input") }}: Uma expressão regular que o valor de controle é comparado, que podem ser usados com valores {{ htmlattrxref("type", "input") }} de <code>text</code>, <code>tel</code>, <code>search</code>, <code>url</code>, e <code>email</code>.</li>
- <li>{{ htmlattrxref("formmethod", "input") }}: Uma string indicando qual método HTTP (GET or POST) deve ser usado quando enviado; ele substitui o {{ htmlattrxref("method", "form") }} do elemento {{ HTMLElement("form") }} , se definido. O {{ htmlattrxref("formmethod", "input") }} só aplica quando o {{ htmlattrxref("type", "input") }} é <code>image</code> ou <code>submit</code>.</li>
- <li>{{ htmlattrxref("x-moz-errormessage", "input") }} {{ non-standard_inline() }}: Uma string que é mostrada como uma mensagem de erro quando o a validação falha. Esta é uma extensão Mozilla, e não é padrão.</li>
-</ul>
-
-<h3 id="O_elemento_&lt;form>">O elemento <code>&lt;form&gt;</code></h3>
-
-<p>O elemento {{ HTMLElement("form") }} possui um novo atributo:</p>
-
-<ul>
- <li>{{ htmlattrxref("novalidate", "form") }}: Este atributo previne o formulário de ser validado antes de ser enviado.</li>
-</ul>
-
-<h3 id="O_elemento_&lt;datalist>">O elemento <code>&lt;datalist&gt;</code></h3>
-
-<p>O elemento {{ HTMLElement("datalist") }} representa a lista de elementos {{ HTMLElement("option") }} to suggest when filling an {{ HTMLElement("input") }} field.</p>
-
-<p>Você pode usar o atributo {{ htmlattrxref("list", "input") }} em um elemento {{ HTMLElement("input") }} para ligar um específico campo de entrada com um específico elemento {{ HTMLElement("datalist") }}.</p>
-
-<h3 id="O_elemento_&lt;output>">O elemento <code>&lt;output&gt;</code></h3>
-
-<p>O elemento <code>{{ HTMLElement("output") }}</code> representa o resultado de um cálculo.</p>
-
-<p>Você pode usar o atributo {{ htmlattrxref("for", "output") }} para especificar uma relação entre o elemento<code> {{ HTMLElement("output") }}</code> e outros elementos no documento que afetam o resultado do cálculo (por exemplo, como entradas ou parâmetros). O valor do atributo {{ htmlattrxref("for", "output") }} é uma lista de IDs separados por espaço de outros elementos.</p>
-
-<p>{{ non-standard_inline() }} Gecko 2.0 (mas não necessariamente outras engines de navegador) suportasupports defining custom validity constraints e mensagens de erro de elementos {{ HTMLElement("output") }} , e portanto aplica as pseudo-classes CSS {{ Cssxref(":invalid") }}, {{ Cssxref(":valid") }}, {{ Cssxref(":-moz-ui-invalid") }}, e {{ Cssxref(":-moz-ui-valid") }} a eles. Isso pode ser útil em situações quando o resultado calculadoThis can be helpful in situations where the calculated result violates a business rule, but no specific input value does (for example, "The total of percentages must not exceed 100").</p>
-
-<h3 id="O_atributo_placeholder">O atributo <em>placeholder</em></h3>
-
-<p>O atributo {{ htmlattrxref("placeholder", "input") }} nos elementos <code>{{ HTMLElement("input") }}</code> e <code>{{ HTMLElement("textarea") }}</code> fornecem uma dica para o usuário do que pode ser inserido no campo. O texto do placeholder não pode conter caracteres de quebra de linha.</p>
-
-<h3 id="O_atributo_autofocus">O atributo <em>autofocus</em></h3>
-
-<p>O atributo {{ htmlattrxref("autofocus", "input") }} permite você especificar um campo de formulário que será focado automaticamente quando a página carregar. No documento, apenas um campo pode ter o atributo <em>autofocus</em>, que é um booleano. Este atributo pode ser aplicado aos seguintes elementos: <code style="font-style: normal;">{{ HTMLElement("input") }}</code>, <code style="font-style: normal;">{{ HTMLElement("button") }}</code>, <code style="font-style: normal;">{{ HTMLElement("select") }}</code>, and <code style="font-style: normal;">{{ HTMLElement("textarea") }}. A única exceção é que o atributo <em>autofocus </em>não pode ser aplicado a um elemento </code>{{ HTMLElement("input") }} caso  seu atributo {{ htmlattrxref("type", "input") }} seja <em>hidden.</em></p>
-
-<h3 id="The_label.control_DOM_property">The label.control DOM property</h3>
-
-<p>The <code><a href="/en/DOM/HTMLLabelElement" title="en/DOM/HTMLLabelElement">HTMLLabelElement</a></code> DOM interface provides an extra property, in addition to the properties that correspond to the HTML <code>{{ HTMLElement("label") }}</code> element attributes. The <strong>control</strong> property returns the labeled control, that is, the control that the label is for, which is determined by the {{ htmlattrxref("for", "label") }} attribute (if it is defined) or by the first descendant control element.</p>
-
-<h3 id="Constraint_Validation">Constraint Validation</h3>
-
-<p>HTML5 provides syntax and API items to support client-side validation of forms. While this functionality does not replace server-side validation, which is still necessary for security and data integrity, client-side validation can support a better user experience by giving the user immediate feedback about input data.</p>
-
-<p>If the <code>title</code> attribute is set on the {{ HTMLElement("input") }} element, that string is displayed in a tooltip when validation fails. If the <code>title</code> is set to the empty string, no tooltip is displayed. If the <code>title</code> attribute isn't set, the standard validation message (as specified by the {{ htmlattrxref("x-moz-errormessage") }} attribute or by calling the <code>setCustomValidity()</code> method) is displayed instead.</p>
-
-<div class="note"><strong>Note:</strong> Constraint validation is not supported on {{ HTMLElement("button") }} elements in a form; to style a button based on the validity of the associated form, use the {{ cssxref(":-moz-submit-invalid") }} pseudo-class.</div>
-
-<h4 id="HTML_Syntax_for_Constraint_Validation">HTML Syntax for Constraint Validation</h4>
-
-<p>The following items in HTML5 syntax can be used to specify constraints on form data.</p>
-
-<ul>
- <li>The {{ htmlattrxref("required", "input") }} attribute on the {{ HTMLElement("input") }}, {{ HTMLElement("select") }}, and {{ HTMLElement("textarea") }} elements indicates that a value must be supplied. (On the {{ HTMLElement("input") }} element, {{ htmlattrxref("required", "input") }} applies only in conjunction with certain values of the {{ htmlattrxref("type", "input") }} attribute.)</li>
- <li>The {{ htmlattrxref("pattern", "input") }} attribute on the {{ HTMLElement("input") }} element constrains the value to match a specific regular expression.</li>
- <li>The {{ htmlattrxref("min", "input") }} and {{ htmlattrxref("max", "input") }} attributes of the {{ HTMLElement("input") }} element constrain the minimum and maximum values that can be entered.</li>
- <li>The {{ htmlattrxref("step", "input") }} attribute of the {{ HTMLElement("input") }} element (when used in combination with the {{ htmlattrxref("min", "input") }} and {{ htmlattrxref("max", "input") }} attributes) constrains the granularity of values that can be entered. A value that does not correspond an allowed value step does not validate.</li>
- <li>The {{ htmlattrxref("maxlength", "input") }} attribute of the {{ HTMLElement("input") }} and {{ HTMLElement("textarea") }} elements constrains the maximum number of characters (in Unicode code points) that the user can enter.</li>
- <li>The values <code>url</code> and <code>email</code> for the {{ htmlattrxref("type", "input") }} constrain the value to being a valid URL or e-mail address, respectively.</li>
-</ul>
-
-<p>In addition, you can prevent constraint validation by specifying the {{ htmlattrxref("novalidate", "form") }} attribute on the {{ HTMLElement("form") }}, or the {{ htmlattrxref("formnovalidate", "button") }} attribute on the {{ HTMLElement("button") }} element and on the {{ HTMLElement("input") }} element (when {{ htmlattrxref("type", "input") }} is <code>submit</code> or <code>image</code>). These attributes indicate that the form is not to be validated when it is submitted.</p>
-
-<h4 id="Constraint_Validation_API">Constraint Validation API</h4>
-
-<p>The following DOM properties and methods related to constraint validation are available to client-side scripts:</p>
-
-<ul>
- <li>On <code><a href="/en/DOM/HTMLFormElement" title="en/DOM/HTMLFormElement">HTMLFormElement</a></code> objects, the <code>checkValidity()</code> method, which returns true if all of this form element's associated elements that are subject to constraint validation satisfy their constraints, and false if any do not.</li>
- <li>On <a href="/en/HTML/Content_categories#form-associated" title="en/HTML/Content Categories#form-associated">form-associated elements</a>:
- <ul>
- <li><code>willValidate</code> property, which is false if the element has constraints that are not satisfied.</li>
- <li><code>validity</code> property, which is a <code><a href="/en/DOM/ValidityState" title="en/DOM/ValidityState Interface">ValidityState</a></code> object representing the validity states that the element is in (i.e., constraint failure or success conditions).</li>
- <li><code>validationMessage</code> property, which is a message describing any constraint failures that pertain to the element.</li>
- <li><code>checkValidity()</code> method, which returns false if the element fails to satisfy any of its constraints, or true otherwise.</li>
- <li><code>setCustomValidity()</code> method, which sets a custom validation message, allowing for constraints to be imposed and validated beyond those that are predefined.</li>
- </ul>
- </li>
-</ul>
-
-<p>{{ languages({"es": "es/HTML/HTML5/Formularios_en_HTML5", "ja": "ja/HTML/HTML5/Forms_in_HTML5", "ko": "ko/HTML/HTML에서_폼"}) }}</p>
-
-<p>{{ HTML5ArticleTOC() }}</p>