<input list> e a ordem dos tratores

[Frank K Hosaka]

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>