O valor search da HTML5

Estou escrevendo o capítulo 6 do livro HTML5 a ser lançado no mês de junho 2011 próximo. O capítulo 6 é dedicado aos formulários HTML que ganharam novas e muito bem-vindas funcionalidades, destacando-se aquelas dedicadas a validação nativa de controles e os 13 novos valores para o atributo type dos controles input que se juntam aos 10 já existentes na HTML4.

Ao escrever o item 6.3.1 que trata do valor search resolvi fazer um pequeno “break” e transcrever aquele item do livro oferecendo-o aos meus leitores como “aperitivo”. Vamos à transcrição:

6.3.1 search

Destina-se a definir um controle input do tipo busca. O efeito deste valor no atributo type é alterar a estilização e comportamento do controle diferenciando-o dos demais controles input. O modo como o controle é estilizado e seu comportamento fica por conta do fabricante do navegador.

Por exemplo: o navegador Chrome 9.0, que hoje oferece suporte para esse atributo, apresenta uma letra “x” à direita da área de digitação do controle que se destina a fazer desaparecer o texto colocado como placeholder com uso do atributo value quando o usuário dá o foco ao controle. Não sendo definido o placeholder a letra “x” aparece tão logo o usuário comece a digitar no controle.

O exemplo a seguir, disponível no site do livro, demonstra o uso desse valor para o atributo type de controles input usando dois campos: um com e outro sem placeholder.

 
<h3>Com placeholder</h3>
 <input name="q" type="search" value="palavra-chave">
<h3>Sem placeholder</h3>
 <input name="q" type="search">

Para visualizar o exemplo funcionando abra essa página no navegador Chrome.