Bir HTML buton bağlantısı nasıl oluşturulur

0
15

Bir HTML buton bağlantısı nasıl oluşturulur

Aşağıdaki kodu kullanarak bir buton bağlantısı oluşturabilirsiniz. Bağlantının Computer Hope dışında bir web sayfasına gitmesini istiyorsanız, https://www.computerhope.com\/URL’sini açmak istediğiniz web sayfası olarak değiştirin.

Aşağıdaki kod ve HTML etiketleri arasına girilir.

<form>
<input type="BUTTON" value="Homepage" onclick="window.location.href="https://www.computerhope.com/"">
</form>

Web sayfasında tıklanabilir bir düğme olarak tanımlanabilmesi için type özelliğinin “BUTTON” olarak ayarlanması gerekir. Value özelliği, düğmenin kendisinde görüntülenen metni ayarlar. onclick özelliği, düğmeye tıklandığında gerçekleştirilen eylemi ayarlar. Bu durumda butona tıklayarak “window.location.href=”https://www.computerhope.com/issues/ch000076.htm/code”dan sonra tanımlanan sayfayı açmasını istiyoruz. Web sayfası adresi de tek tırnak içinde yer almalıdır.

Örnek

Bu kodun nasıl çalıştığına dair bir örnek görmek için aşağıdaki düğmeyi tıklayın.

Not

Internet Explorer gibi bazı İnternet tarayıcıları, yukarıdaki kodun çalışmasını engelleyerek düğmenin tıklandığında çalışmamasına neden olabilir. Engellenirse tarayıcının altında veya üstünde “Internet Explorer bu web sayfasının komut dosyalarını veya ActiveX denetimlerini çalıştırmasını kısıtladı” gibi bir mesaj görünebilir. Engellenen içeriğe izin ver başlıklı bir düğme tıklanabilir. Bu düğmeye tıklamak, kodun yürütülmesine ve düğmenin web sayfanızda çalışmasına izin vermelidir.

LEAVE A REPLY

Please enter your comment!
Please enter your name here