Dans le passé, j'avais besoin d'écrire un composant de saisie semi-automatique (Suggest) en utilisant JS, ce qui était très laborieux. À l'ère HTML5, il n'est pas nécessaire d'utiliser directement la balise datalist, ce qui réduit directement la charge de travail. Comme indiqué ci-dessous,
<!DOCTYPE html>
<html>
<head>
<title>HTML5 datalist tag</title>
<meta charset="utf-8">
</head>
<p>
浏览器版本：<input list="words">
</p>
<datalist id="words">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
<option value="Sogou">
<option value="Maxthon">
</datalist>
</body>
</html>datalist fournit une liste prédéfinie, qui est associée à l'entrée via l'identifiant. Lors de la saisie de l'entrée, il y aura une fonction de saisie semi-automatique et l'utilisateur verra une liste déroulante. pour son choix.
Chrome/Firefox/Opera et IE10 sont tous pris en charge, Safari ne le prend toujours pas en charge jusqu'à la version 7.
Articles associés :
Pratique quotidienne HTML5 : l'utilisation de la complétion automatique des balises datalist
Quelles sont les méthodes de production de production d'animation html5 ?
La différence entre HTML et HTML5
Quels sont les logiciels de traitement d'image
chaîne en entier
Comment annuler après gitcommit
Comment configurer au mieux la mémoire virtuelle
Quelles sont les performances de php8 ?
Comment utiliser le groupe par
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
