Açılır Menü (DropDown ) Kodu HTML



 HTML Açılır Menü Kodları



Bazı durumlarda sayfa içi yada widgetlerde kullanmak için gerekli olan açılır menü kodlarından bir kaç örnek verelim. Umarım faydası olur.

https://www.webkenti.net








Açılır menü (DropDown ) HTML temel kodu


<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
size=1 name=menu>
<option>- Başlık Seçiniz - </option>
<!-- change the links with your own -->
<option value="#">Alt Başlık</option>
<option value="#">Alt Başlık</option>
<option value="#">Alt Başlık</option>
<option value="#">Alt Başlık</option>
</select></form>



# : Url Adresi


<SCRIPT LANGUAGE="JavaScript">
<!--
function jumpBox(form){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}
//-->
</SCRIPT>
<FORM NAME="form">
<SELECT NAME="site" size=1 onChange_fckprotectedatt=" onChange="javascript:jumpBox()"">
<OPTION VALUE="#">Menü
<OPTION VALUE="#">Alt Başlık
<OPTION VALUE="#">Alt Başlık
</SELECT>
</FORM>


# : Url Adresi


HTML / JAVASCRIPT EKLEMEK

Widget (gadget) olarak eklemek için :
Blogger > Yerleşim > Gadget ekle > HTML/JavaScript yolunu izleyerek istediğiniz yere ekleyebilirsiniz

Sayfa içinde kullanmak için :
Blogger > Yeni yayın oluştur > HTML yolunu izleyerek istediğiniz yere ekleyebilirsiniz.


* Canlı Demo için :
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
Kod Editörünü kullanabilirsiniz.

Yorumlar