Forma Düğme Ekleme, Form Aç-Kapat ve Formu Kapat Düğmeleri
Formlar, web sitelerinde kullanıcıların bilgi girmesini sağlayan önemli bir araçtır. Formlar, çeşitli amaçlar için kullanılabilir. Örneğin, kullanıcıların iletişim bilgilerini toplamak, anket yapmak veya ürün siparişi almak için kullanılabilir.
Formlar oluştururken, kullanıcıların kolayca kullanabileceği ve istedikleri bilgileri girebilecekleri şekilde tasarlanması önemlidir. Bu nedenle, formlara düğmeler eklemek ve form aç-kapat ve formu kapat düğmeleri kullanmak gerekir.
Forma Düğme Ekleme
Formlara düğme eklemek için HTML’de <button> etiketi kullanılır. <button> etiketi, düğmenin metnini, türünü ve diğer özelliklerini belirlemek için kullanılır.
Örneğin, aşağıdaki kod bir “Gönder” düğmesi oluşturur:
html
<button type="submit">Gönder</button>
Düğmenin türü, type özelliği ile belirlenir. type özelliğinin değeri, düğmenin işlevini belirler. Örneğin, type özelliğinin değeri “submit” ise, düğme forma girilen bilgileri sunucuya gönderir.
Düğmenin metni, <button> etiketinin içindeki metinle belirlenir. Örneğin, aşağıdaki kod bir “Kaydet” düğmesi oluşturur:
html
<button type="submit">Kaydet</button>
Düğmenin diğer özellikleri, <button> etiketinin style özelliği ile belirlenir. style özelliği, düğmenin boyutunu, rengini ve diğer özelliklerini belirlemek için kullanılır.
Örneğin, aşağıdaki kod bir mavi renkli ve 100 piksel genişliğinde bir “Sil” düğmesi oluşturur:
html
<button type="submit" style="background-color: blue; width: 100px;">Sil</button>
Form Aç-Kapat ve Formu Kapat Düğmeleri
Form aç-kapat ve formu kapat düğmeleri, formların açılıp kapatılmasını ve kapatılmasını sağlar. Form aç-kapat düğmesi, forma girilen bilgileri kaydetmeden kapatır. Formu kapat düğmesi ise, forma girilen bilgileri kaydetmeden kapatır ve formu temizler.
Form aç-kapat düğmesi oluşturmak için HTML’de <button> etiketi kullanılır. <button> etiketi, düğmenin metnini, türünü ve diğer özelliklerini belirlemek için kullanılır.
Örneğin, aşağıdaki kod bir “Formu Kapat” düğmesi oluşturur:
html
<button type="reset">Formu Kapat</button>
Düğmenin türü, type özelliği ile belirlenir. type özelliğinin değeri, düğmenin işlevini belirler. Örneğin, type özelliğinin değeri “reset” ise, düğme forma girilen bilgileri temizler ve formu kapatır.
Düğmenin metni, <button> etiketinin içindeki metinle belirlenir. Örneğin, aşağıdaki kod bir “Formu Temizle” düğmesi oluşturur:
html
<button type="reset">Formu Temizle</button>
Düğmenin diğer özellikleri, <button> etiketinin style özelliği ile belirlenir. style özelliği, düğmenin boyutunu, rengini ve diğer özelliklerini belirlemek için kullanılır.
Örneğin, aşağıdaki kod bir kırmızı renkli ve 100 piksel genişliğinde bir “Formu Kapat” düğmesi oluşturur:
html
<button type="reset" style="background-color: red; width: 100px;">Formu Kapat</button>
Faydalı Siteler ve İlgili Dosyalar