Gizli HTML Düğmeleri

Web sayfası formlarıyla, site kullanıcılarınızdan veri yakalayabilirsiniz - bu genellikle iş web sitelerinde hayati bir işlemdir. Bazı Web formları gizli alanları kullanır; bu durumda HTML giriş öğeleri bir sayfanın işaretlemesine dahil edilir ancak kullanıcılar tarafından görülemez. HTML sayfa öğesini belirli "type" özelliklerine sahip veya isteğe bağlı olarak CSS (Cascading Style Sheet) kodunu kullanarak, bazen JavaScript işlemeyle birlikte kullanarak, Web sayfaları formunda gizli alanları ve düğmeleri dahil etmenin birkaç farklı yolu vardır.

HTML Girişleri

HTML formları giriş öğelerini kullanır. Düğmeler, onay kutuları, metin alanları ve daha fazlası dahil olmak üzere çeşitli farklı türde giriş öğeleri vardır. Bir girdi öğesinin "type" niteliği sayfadaki görünümünü ve işlevini belirler. Bir giriş öğesinin "type" özelliğini "hidden" olarak ayarlamak gizli bir form alanı oluşturur. Aşağıdaki örnek işaretlemesi gösterilmektedir:

Bu, içerdiği formun bir parçası olarak işlev görecek, ancak kullanıcıların görmeyeceği bir alan oluşturur. Bununla birlikte, bu gizli bir form giriş elemanı olmasına rağmen, bir düğme değildir.

CSS Görünürlük

Gizlenmiş bir HTML düğmesi öğesini dahil etmek için, geliştiricilerin birkaç seçeneği vardır. Bir giriş öğesi, "type" özelliği olarak "gizli" olmadığı sürece, varsayılan olarak sayfa içinde görünecektir. Başka türden bir giriş öğesini gizlemek için, geliştiriciler CSS kodunu kullanabilir. Bu yöntemle, bir geliştirici ya bir HTML düğmesi öğesini ya da "düğme" ya da "gönder" olarak ayarlanmış "type" yazısını içeren bir giriş öğesi içerebilir. Geliştirici daha sonra düğmeyi CSS koduyla stillendirebilir ve görünürlük özelliğini aşağıdaki gibi kullanarak gizleyebilir:

input.hide {görünürlük: gizli; }

Bu, aşağıdaki düğme için işe yarar:

JavaScript İşlevleri

Gizlenmiş düğmeler varsayılan işlevselliğe sahip değildir, çünkü kullanıcının bunları görmesine ve onlarla etkileşime geçmesine bağlıdır. Bir kullanıcı sayfada görünmeyen bir düğmeyi tıklayamadığından, geliştiricilerin düğmenin normalde kullanıcı tıklamalarında ne tür bir eylem başlatması gerektiğini sormak için JavaScript işlevlerini kullanmaları gerekir. Örneğin, bir sayfa, form verilerini göndermek için başka bir form öğesiyle etkileşimde bulunan kullanıcı gibi başka bir olayda sorulan bir JavaScript işlevini kullanabilir. Bazı Web formları, kullanıcı bir formla etkileşime girerken giriş düğmelerini ve diğer öğeleri de gösterir ve gizler.

hususlar

Gizli form alanları ve düğmeler bazı durumlarda uygun olsa da, güvenilir olmayabilirler. Çoğu durumda, geliştiriciler girdi öğelerinde varsayılan durumlarında kullanılabilir sonuçlar oluşturur. Formların çoğu, kullanıcıların bekledikleri şekilde tamamen görünür ve işlevsel olan alanlar, düğmeler ve diğer girdi öğeleriyle başarılı bir şekilde yapılandırılabilir.