http://www.dreambingo.co.uk/

Get New

Subscribe via Email

How To Create Drop Down Menu Form with GO Button

Hey! here is the cool gadget for blog. this is a cool dropdown box done with css codes. so you know css is very smart code. this gadget have a GO button to this gadget. demo picture in below. now your turn, if you like this gadget please add your this gadget to your blog using below steps. i hope you really like this gadget. have a nice day!










1.Log in to your dashboard--> Design- ->Page Elements

2.Click on 'Add a Gadget' on the sidebar.

3.Select 'HTML/Javascript' and add the code given below and click save.


<form name="jump">
<select name="menu">
<option value='URL link 1 here' > Name 1</option>
<option value='URL link 2 here' > Name 2</option>
<option value='URL link 3 here' > Name 3</option>
<option value='URL link 4 here' > Name 4</option>
<option value='URL link 5 here' > Name 5</option>
<option value='URL link 6 here' > Name 6</option>
</select>
<input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
</form>


NOTE : Remember to Replace GO , URL link X here , Name X with your choices.

Now you are done.

Blog Widget by LinkWithin

1 comments:

Unknown said... [Reply]

:-*

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Walgreens Printable Coupons