Aujourd'hui, je vais vous apprendre à utiliser H5 pour créer une liste déroulante avec de petits effets spéciaux. Lorsque vous cliquez sur le contenu de la liste déroulante, un petit effet spécial apparaîtra dans le champ de texte. Jetons un coup d'œil au code de cas détaillé.
Il y a une liste déroulante en HTML, comprenant "vent, pluie, tonnerre, éclair", ajoutez un événement, lorsque le vent est sélectionné, la sélection
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form name="form_name" >
<select name="select_name" onChange="ShowToText(); " >
<option value="1">风</option>
<option value="2">雨</option>
<option value="3">雷</option>
<option value="4">电</option>
</select><br>
<textarea rows="3" cols="30"name="textfield_name3">
</textarea>
</form>
</body>
<script language="JavaScript">
function ShowToText(){
document.form_name.textfield_name3.value=document.form_name.select_name.options[document.form_name.select_name.selectedIndex].text
}
</script>
</html>l'effet de course apparaît dans le champ de texte
Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le php chinois. site web!
Lecture connexe :
Notes sur l'imbrication des tableaux en HTML
Détails des règles d'imbrication des balises HTML5 Introduction
Tutoriel HTML5 pour créer un jeu de dégustation de gâteaux de lune
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Quelles sont les méthodes de production de production d'animation html5 ?
La différence entre HTML et HTML5
Méthode de changement de mot de passe MySQL
Comment ouvrir le fichier URL
Téléchargement du logiciel de trading Yiou
point de symbole spécial
Introduction au système d'exploitation Linux
que signifie l'élément
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
