Ir para conteúdo
Fórum Script Brasil
  • 0

<input list> e a ordem dos tratores


Frank K Hosaka

Pergunta

Hoje estudei o <input list> e achei muito bacana. Para procurar um produto, basta digitar algumas letras, não importa se ele está no começo, no meio ou no fim da descrição:

<?php 
$prod=[['Maçã Tamanho Grande'=>10],['Maçã amanho Médio'=>5],
        ['Maçã Tamanho Pequeno'=>2]];
?>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style> form {display:flex; justify-content:center; align-items:center; height: 10vh} </style>
<form>
	<input list=lsproduto name=produto placeholder=produto 
    onchange=submit() autofocus autocomplete=off>
	<datalist id=lsproduto>
	<?php foreach($prod as $key => $vetor): foreach($vetor as $fruta => $preço) : ?>
	<option value='<?=$fruta?> :<?=$preço?>'>
	<?php endforeach; endforeach;?>
</form>

 

Captura de tela 2024-08-22 154636.png

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...