diff options
Diffstat (limited to 'files/pt-br/web/html/global_attributes/spellcheck/index.html')
| -rw-r--r-- | files/pt-br/web/html/global_attributes/spellcheck/index.html | 69 |
1 files changed, 69 insertions, 0 deletions
diff --git a/files/pt-br/web/html/global_attributes/spellcheck/index.html b/files/pt-br/web/html/global_attributes/spellcheck/index.html new file mode 100644 index 0000000000..c379684839 --- /dev/null +++ b/files/pt-br/web/html/global_attributes/spellcheck/index.html @@ -0,0 +1,69 @@ +--- +title: Controlando a verificação ortográfica em formulários HTML +slug: Web/HTML/Controlando_verificacao_ortografica_em_formularios_HTML +tags: + - Gerenciamento de configuração + - HTML + - Intermediário +translation_of: Web/HTML/Global_attributes/spellcheck +translation_of_original: Web/HTML/Controlling_spell_checking_in_HTML_forms +--- +<p><span class="seoSummary">{{ gecko_minversion_header("1.8.1") }} Firefox 2 introduz suporte à verificação ortográfica para áreas de texto e campos de texto em formulários web.</span> O usuário pode especificar usando a interface about:config se a verificação ortográfica é ou não habilitada e se checará áreas de texto e campos de texto ou somente áreas de texto.</p> + +<p>Por padrão, áreas de texto e documentos <code><a href="/pt-BR/docs/Web/API/Document/designMode">designMode</a></code> tem ortografia verificada e caixas de texto de uma única linha não tem. Isto é assim porque os usuários do Firefox podem se distrair ou se incomodar se o Firefox marcar coisas como IDs de usuários ou endereços de e-mail como erros de ortografia.</p> + +<p>Porém, podem haver situações nas quais este comportamento não é necessariamente apropriado. Por exemplo, se uma área de texto tem o objetivo de ser usada para editar HTML ou servir de entrada para outro tipo de texto que não seja semântico, a verificação ortográfica seria um entrave em vez de uma ajuda. Da mesma forma, podem haver casos nos quais um site faça uma recomendação de que o Firefox habilite a verificação ortográfica para um campo de texto específico, como campos de busca ou assunto/título de e-mail, mesmo estes sendo geralmente campos de texto de uma única linha.</p> + +<p>Se um site deseja recomendar o uso ou não de verificação ortográfica para um elemento<code> <input></code> específico, ele pode usar o atributo <code>spellcheck</code>, espefcificando o valor <code>true</code> para recomendar o uso da verificação ortográfica ou <code>false</code> para recomendar o não uso.</p> + +<p>Tenha em mente que a recomendação do site pode ser ignorada pelo usuário se o mesmo tiver desativado a verificação ortográfica setando a configuração <code>layout.spellcheckDefault</code> para 0. Se a configuração <code>layout.spellcheckDefault</code> tiver qualquer outro valor, as recomendações serão consideradas.</p> + +<p>Você pode codificar um campo de texto linha-única (elemento HTML <code><input></code>) habilitando a verificação ortográfica da seguinte forma:</p> + +<pre class="eval"><span class="nowiki"><input type="text" size="50" spellcheck="true"></span> +</pre> + +<p>Da mesma forma, você pode desabilitar a verificação ortográfica em uma área de texto (elemento <code><textarea></code>) da seguinte forma:</p> + +<pre class="eval"><span class="nowiki"><textarea spellcheck="false"></textarea></span> +</pre> + +<p>Você pode controlar um documento em seu <code>designMode</code> (tipicamente usado para implementar edição de texto rica) setando o atributo <code>spellcheck</code> no elemento <code><body></code> de um documento.</p> + +<p>Você também pode aplicar o atributo <code>spellcheck</code> em outros elementos, tais como os elementos <code><span></code> e <code><div></code>, e nesse caso todos os elementos <code><input></code> dentro dessas tags irão herdar esta configuração; elementos <code><input></code> que não tem um atributo <code>spellcheck</code> setado, irão herdar a configuração de verificação ortográfica de seu elemento pai. Se não houver nenhuma configuração setada na cadeia antecessora de elementos, a configuração padrão será usada.</p> + +<p>Por exemplo:</p> + +<pre class="brush: html"><div spellcheck="true"> + <label>Escreva algo: </label><input type="text" size="50"> + <br> + <label>Escreva outra coisa: </label><input type="text" size="50"> +</div> +<br> +<label>Mais alguma coisa: </label><input type="text" size="50"> +</pre> + +<p>Neste exemplo HTML acima, os dois primeiros campos de texto terão a verificação ortográfica e o terceiro não terá.</p> + +<p id="lang">{{ h1_gecko_minversion("Controlando o idioma da verificação ortográfica", "9.0") }}</p> + +<p>Iniciando no Gecko 9.0 {{ geckoRelease("9.0") }}, a verificação ortográfica usa o atributo {{ htmlattrxref("lang", "input") }} do elemento {{ HTMLElement("input") }} para determinar o idioma padrão da verificação ortográfica. Se o {{ HTMLElement("input") }} não tiver o atributo <code>lang</code> setado, esse atributo é procurado em cada elemento pai superior até chegar ao elemento raiz do documento.</p> + +<p>Fazendo assim, se o usuário tem os dicionários de Português e Inglês instalados, e um elemento editável tiver o atributo <code>lang="en"</code>, o dicionário inglês será automaticamente usado para este elemento.</p> + +<p>Por exemplo:</p> + +<pre class="brush: html"><html lang="pt-BR"> +<body> + <textarea></textarea> + <textarea lang="en"></textarea> + <div lang="ru"> + <textarea></textarea> + </div> +</body> +</html> +</pre> + +<p>No exemplo HTML acima, o primeiro {{ HTMLElement("textarea") }} terá ortografia checada em Português, o segundo em Inglês e o terceiro em Russo.</p> + +<p>Se um elemento especifica o idioma e o usuário não tem dicionário instalado para este idioma, a verificação ortográfica fica desabilitada por padrão, embora o usuário possa escolher por habilitá-la manualmente.</p> |