Heim > Web-Frontend > HTML-Tutorial > Verwenden Sie H5, um ein Dropdown-Feld mit Spezialeffekten zu erstellen

Verwenden Sie H5, um ein Dropdown-Feld mit Spezialeffekten zu erstellen

php中世界最好的语言
Freigeben: 2017-12-04 09:42:20
Original
6024 Leute haben es durchsucht

Heute werde ich Ihnen beibringen, wie Sie mit H5 eine Dropdown-Box mit kleinen Spezialeffekten erstellen. Wenn Sie auf den Inhalt des Dropdown-Felds klicken, wird im Textfeld ein kleiner Spezialeffekt angezeigt. Schauen wir uns den detaillierten Fallcode an.

Es gibt ein Dropdown-Feld in HTML, einschließlich „Wind, Regen, Donner, Blitz“. Fügen Sie ein Ereignis hinzu. Wenn Wind ausgewählt ist, wird der ausgewählte

<!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>
Nach dem Login kopieren

Laufeffekt angezeigt im Textfeld


Ich glaube, dass Sie die Methoden nach dem Lesen dieser Fälle beherrschen. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln zum PHP-Chinesen Webseite!

Verwandte Lektüre:

Hinweise zur Tabellenverschachtelung in HTML

Details zu HTML5-Tag-Verschachtelungsregeln Einführung

HTML5-Tutorial zum Erstellen eines Mondkuchen-Essspiels

Das obige ist der detaillierte Inhalt vonVerwenden Sie H5, um ein Dropdown-Feld mit Spezialeffekten zu erstellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage