Form Alanları Nasıl Oluşturulur

İçindekiler:

Form Alanları Nasıl Oluşturulur
Form Alanları Nasıl Oluşturulur

Video: Form Alanları Nasıl Oluşturulur

Video: Form Alanları Nasıl Oluşturulur
Video: 21-Form Oluşturma 2024, Kasım
Anonim

Ziyaretçilerin web formlarını doldurduktan sonra sunucuya gönderdikleri verilerin işlenmesi özel bir program (script) tarafından gerçekleştirilir. Bu nedenle, bir web sayfasında yayınlanan bir forma alanlar eklemek, yalnızca bu alanlarla çalışmak için işlevler komut dosyasına programlanmışsa mantıklıdır. Bu koşul karşılanırsa, geriye gerekli alanları oluşturan sayfanın kaynak koduna etiket ekleme işinin nispeten basit kısmını yapmak kalır.

Form alanları nasıl oluşturulur
Form alanları nasıl oluşturulur

Bu gerekli

Temel HTML bilgisi

Talimatlar

Aşama 1

İçinde görsel düzenleme modunu kullanma imkanınız varsa, gerekli etiketleri oluşturma işlemi sayfa düzenleyici tarafından üstlenilebilir. Böyle bir editör, içerik yönetim sisteminin ayrılmaz bir parçası olabilir - onu girin ve yeni alanların eklenmesi gereken bir form içeren bir sayfa yükleyin. Kopyala ve yapıştır işlemlerini kullanın - birkaç mevcut öğeyi (giriş alanı ve bununla ilişkili metin) seçip kopyalayın, ardından ek alanın yerleştirilmesi gereken sayfaya tıklayın ve kopyalananı yapıştırın.

Adım 2

Bundan sonra, çiftin her bir öğesinin özelliklerini ayrı ayrı düzenleyin. Yazıyı fareyle seçin ve yeni metin yazın ve giriş alanı için özelliklerini açan düzenleyici panelindeki düğmeyi kullanın. Özelliklerde, en azından ad alanındaki değeri değiştirmeniz gerekir - bu, işleme komut dosyasında programlanan alan adına karşılık gelmelidir. Gerekli alan kümesi için kopyala / yapıştır işlemini tekrarlayın ve sayfayı kaydedin.

Aşama 3

Görsel düzenlemeye erişim yoksa, sayfanın kaynak kodunu herhangi bir metinde veya özel düzenleyicide açın ve gerekli etiketleri buna ekleyin. Bu yöntem, HTML ve web sayfası düzeni teknikleri hakkında biraz bilgi gerektirir. Forma basit bir metin alanı eklemek için, type özniteliğine değer metnini ekleyerek giriş etiketini kullanın. Bu özniteliğe ek olarak, yalnızca ad gereklidir - işleyici komut dosyası tarafından bilinen bu form alanının adını içermelidir. Diğer öznitelikleri kullanarak, giriş alanının uzunluğunu (size özniteliği), izin verilen maksimum karakter sayısını (maksimum uzunluk), stil parametrelerini (stil), sınıf üyeliğini (sınıf) vb. görsel olarak belirleyen karakter sayısını ayarlayabilirsiniz. Bu etiket kodda görülebilir, örneğin şöyle:

4. Adım

Çok satırlı bir metin alanı için textarea etiketini kullanın. Açma ve kapama olmak üzere iki bölümden oluşur. İlkinde, ad değerini ayarlamalısınız ve satır ve sütun niteliklerini kullanarak bu form öğesinin satır ve sütun sayısını ayarlayabilirsiniz. Örneğin:

Adım 5

Diğer form alanı türleri onay kutuları olabilir - bunları oluşturmak için giriş etiketini de kullanın, ancak tek satırlı bir metin alanının aksine, type özniteliğinde onay kutusu değerini belirtin. Bu form öğesinin kontrol edilmesi gerekiyorsa, işaretli özniteliği etiketine ekleyin. Örneğin:

6. Adım

Forma bir seçim kutusu eklemek ve bir dosya yüklemek için, type özniteliğinde dosya değeriyle aynı giriş etiketini kullanın. Örneğin:

7. Adım

Daha karmaşık bir yapı, açılır liste içeren bir alan oluşturur. Bir çift açılış ve kapanış seçme etiketi içermelidir. Aralarına, her biri tek bir seçim satırı belirten seçenek etiketi çiftleri yerleştirin. Açılış etiketleri value niteliğini içermelidir (değeri sunucuya iletilecektir) ve açılış ve kapanış bölümleri arasında ziyaretçinin göreceği metni listenin bu satırına yerleştirmelidir. Örneğin: Birinci seçim satırı İkinci seçim satırı Üçüncü seçim satırı

Önerilen: