Maison > Article > interface Web > Utilisez H5 pour créer une liste déroulante avec des effets spéciaux
Utilisez H5 pour créer une liste déroulante avec des effets spéciaux
- php中世界最好的语言original
- 2017-12-04 09:42:205963parcourir
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!