Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Setas direcionais para selecionar objeto

11-03-2016 14:54

Nesse post vou mostrar um exemplo de um select chamado datalist do HTML5.

Ao passo que o usuário vai digitando as letras os nomes vão aparecendo abaixo. O usuário pode navegar com as teclas do teclado pelos nomes encontrados.

Quando o foco estiver em cima de um nome e o usuário pressionar Enter o nome será selecionado e colocado dentro do campo de texto.

<input list="lista" name="lista"> <datalist id="lista"> <option value="abc"> <option value="abcde"> <option value="joao"> <option value="joao pedro"> <option value="maria"> </datalist>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado