Friday, August 7, 2015

Membuat Drop Down Box Dengan HTML Dan Javascript

Pada kesempatan kali ini, Qodia akan memberikan tutorial bagaimana cara membuat dropdown box sederhana dengan HTML dan Javascript. Drop down box ini memiliki tiga pilihan yang bisa sobat edit tujuan/linknya dan dilengkapi dengan tombol submitnya.

 Tertarik dengan script Drop Down Box ini? seperti biasa langsung saja copi and paste pada notepad sobat.

 
<HTML>  
  <HEAD>  
 <TITLE>go to list box</TITLE>  
 <META name="description" content="A very cool go to box">  
 <META name="keywords" content="sounds midi wavs">  
 </HEAD>  
 <BODY BGCOLOR=FFFFFF TEXT=000000 LINK=0000FF VLINK=800080>  
 <font face=arial,helvetica>  
 Selamat Berkarya  
 <br>  
 <br>  
 <!-- GotoBox   Tambahin link seperlunya! -->  
 <CENTER>  
  <FORM>  
  <SELECT NAME="list">  
   <OPTION SELECTED VALUE="http://www.qodia.blogspot.com/">Web q  
   <OPTION VALUE="http://www.anakupb.blogspot.com/">Teman q  
   <OPTION VALUE="http://www.freemuvie.ga">Nonton Film  
  </SELECT><P>  
 <INPUT TYPE=BUTTON VALUE="Proses!"  
 onClick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value">  
 </FORM>  
 </CENTER>  
 </font>  
 </BODY>   
 </HTML>

Semoga Bermanfaat dan terus berkarya.... !
at

No comments:

Post a Comment