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
Comment restaurer le casque Bluetooth en mode binaural
Classement des plateformes de trading de cryptomonnaies
Quelle est la différence entre le protocole TCP et le protocole UDP ?
rayon de frontière
Comment utiliser la porte dérobée Shift
Qu'est-ce qui est le plus difficile, le langage C ou Python ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
