KompoZer ile Form Ekleme

06/06

KompoZer ile Form Ekleme

Giriş sayfası, yeni hesap oluşturma veya soru veya yorum göndermek gibi kullanıcı tarafından gönderilen girişi işlemeniz gereken web sayfaları oluştururken birçok kez vardır. Kullanıcı girişi toplanır ve bir HTML formu kullanılarak web sunucusuna gönderilir. KompoZer'in yerleşik araçları ile formları eklemek kolaydır. HTML 4.0'ın desteklediği tüm form alanı türleri KompoZer ile eklenebilir ve düzenlenebilir, ancak bu eğitim için metin, metin alanı, gönderme ve sıfırlama düğmeleri ile çalışacağız.

02/06

KompoZer ile Yeni Bir Form Oluşturma

KompoZer, web sayfalarınıza form eklemek için kullanabileceğiniz zengin form araçlarına sahiptir. Form araçlarına veya araç çubuğundaki aşağı açılan menüye tıklayarak form araçlarına erişirsiniz. Kendi form işleme komut dosyalarınızı yazmazsanız , bu adımın belgelerinden veya komut dosyasını yazan programcıdan bazı bilgiler almanız gerekeceğini unutmayın. Mailto formlarını da kullanabilirsiniz ancak her zaman çalışmazlar .

1. İmlecinizi, formunuzun sayfada görünmesini istediğiniz yere yerleştirin.
2. Araç çubuğundaki Form düğmesine tıklayın. Form Özellikleri iletişim kutusu açılır.
3. Forma bir isim ekleyin. İsim, formu tanımlamak için otomatik olarak oluşturulan HTML kodunda kullanılır ve gereklidir. Form ekleyebilmeniz için sayfanızı kaydetmeniz de gerekir. Yeni, kaydedilmemiş bir sayfa ile çalışıyorsanız, KompoZer sizi kaydetmenizi isteyecektir.
4. URL'yi, Eylem URL'si alanındaki form verilerini işleyecek komut dosyasına ekleyin. Form işleyicileri genellikle PHP'de veya benzer sunucu tarafı dilinde yazılan betiklerdir. Bu bilgi olmadan, web sayfanız kullanıcı tarafından girilen verilerle hiçbir şey yapamaz. KompoZer, girmezseniz form işleyicisinin URL'sini girmenizi ister.
5. Sunucuya form verilerini göndermek için kullanılan Yöntemi seçin. İki seçenek GET ve POST. Komut dosyasının gerektirdiği yöntemi bilmeniz gerekir.
6. Tamam'a tıklayın ve form sayfanıza eklenir.

03/06

KompoZer ile bir forma bir metin alanı ekle

KompoZer ile bir sayfaya bir form ekledikten sonra, form, sayfada açık mavi kesikli bir çizgide belirtilecektir. Form alanlarınızı bu alanın içine eklersiniz. Metni yazabilir veya sayfanın başka bir bölümünde yaptığınız gibi resim ekleyebilirsiniz. Metin, kullanıcıya yol gösterecek alanlar oluşturmak için istek veya etiket eklemek için kullanışlıdır.

1. Çizilen form alanında gitmek için metin alanına istediğiniz yeri seçin. Bir etiket eklemek istiyorsanız, önce metni yazmak isteyebilirsiniz.
2. Araç çubuğundaki Form düğmesinin yanındaki aşağı oku tıklayın ve açılır menüden Form Alanı'nı seçin.
3. Form Alanı Özellikleri penceresi açılır. Metin alanı eklemek için Alan Türü etiketli açılır menüden Metin'i seçin.
4. Metin alanına bir isim verin. İsim, HTML kodundaki alanı tanımlamak için kullanılır ve form işleme komut dosyası, verileri işlemek için isme ihtiyaç duyar. Diğer diyalog kutuları, daha fazla Özellik / Daha Az Özellikler düğmesini veya Gelişmiş Düzenleme düğmesine basarak bu diyalogda değiştirilebilir. Fakat şimdilik alan adını gireceğiz.
5. Tamam'a tıklayın ve sayfada metin alanı belirir.

04/06

KompoZer ile bir forma bir metin alanı ekleyin

Bazen, bir mesaj veya soru / yorum alanı gibi bir formda çok fazla metin girilmesi gerekir. Bu durumda, bir metin alanı uygun değildir. Form araçlarını kullanarak bir metin alanı form alanı ekleyebilirsiniz.

1. İmlecinizi, metin alanınızın olmasını istediğiniz form taslağının içine yerleştirin. Bir etiket yazmak istiyorsanız, etiket metnini yazmak, yeni bir satıra geçmek için enter tuşuna basmak ve form alanını eklemek genellikle iyi bir fikirdir, çünkü sayfadaki metin alanının boyutu onu rahatsız eder. etiketin solda veya sağda olması.
2. Araç çubuğundaki Form düğmesinin yanındaki aşağı oku tıklayın ve açılır menüden Metin Alanı'nı seçin. Metin Alanı Özellikleri penceresi açılacaktır.
3. Metin alanı alanına bir isim girin. İsim, HTML kodundaki alanı tanımlar ve kullanıcıya gönderilen bilgileri işlemek için form işleme komut dosyası tarafından kullanılır.
4. Metin alanının görüntülenmesini istediğiniz satır ve sütun sayısını girin. Bu boyutlar, sayfadaki alanın boyutunu ve kaydırma işleminin gerçekleşmesi için alana ne kadar metin girilebileceğini belirler.
5. Bu pencerede diğer denetimlerle daha gelişmiş seçenekler belirtilebilir, ancak şimdilik alan adı ve boyutları yeterlidir.
6. Tamam'a tıklayın ve formdaki metin alanı görünür.

05/06

KompoZer ile bir form için bir Gönderme ve Sıfırlama Düğmesi Ekleme

Kullanıcı formu sayfanızda doldurduktan sonra, bilgilerin sunucuya gönderilmesi için bir yol olması gerekir. Ayrıca, kullanıcı baştan başlamak isterse bir hata yaparsa, tüm form değerlerini varsayılan değere sıfırlayacak bir kontrol eklemeniz yararlı olacaktır. Özel form denetimleri, sırasıyla, Gönder ve Sıfırla düğmeleri olarak adlandırılan bu işlevleri kullanır.

1. İmlecinizi, gönderme veya sıfırlama düğmesinin olmasını istediğiniz anahatlı form alanına yerleştirin. Çoğu zaman, bunlar bir formdaki alanların geri kalanının altında yer alacaktır.
2. Araç çubuğundaki Form düğmesinin yanındaki aşağı oku tıklayın ve açılır menüden Tanımla düğmesini seçin. Düğme Özellikleri penceresi görünecektir.
3. Tip etiketli açılır menüden düğme türünü seçin. Seçimleriniz Gönder, Sıfırla ve Düğme. Bu durumda Gönderme tipini seçeceğiz.
4. Form isteğini işlemek için HTML ve form işleme kodunda kullanılacak düğmeyi bir ad verin. Web geliştiricileri genellikle bu alanı "gönder" olarak adlandırır.
5. Değer etiketli kutuda, düğmede görünmesi gereken metni girin. Metin kısa olmalı ama düğmeye basıldığında ne olacağı hakkında açıklayıcı olmalıdır. “Gönder”, “Gönderme Formu” veya “Gönder” gibi bir şey iyi örneklerdir.
6. Tamam'a tıklayın ve formda tuş görünür.

Sıfırla düğmesi, aynı işlemi kullanarak forma eklenebilir, ancak Gönder yerine Tür alanından Sıfırla'yı seçin.

06/06

KompoZer ile Bir Formu Düzenleme

KompoZer'da bir form veya form alanını düzenlemek çok kolaydır. Düzenlemek istediğiniz alana çift tıklayın ve ihtiyaçlarınızı karşılamak için alan özelliklerini değiştirebileceğiniz uygun bir iletişim kutusu görünür. Yukarıdaki şema, bu derste ele alınan bileşenleri kullanarak basit bir form göstermektedir.