Kullanıcı Kılavuzu İptal

Form öğeleri için geliştirilmiş HTML5 desteği

 

 

Dreamweaver'da HTML5 için sürekli destek kapsamında; bazı form öğeleri için yeni nitelikler kullanıma sunuldu. Ayrıca dört yeni HTML5 form öğesi kullanıma sunuldu.

Form öğelerini Ekle panelinde bulabilirsiniz. Pencere > Ekle seçeneğini belirleyin. Ekle paneli menüsünde Formlar seçeneğini belirleyin.

Dreamweaver'da gözden geçirilmiş Form iş akışı

Dreamweaver 12.1 güncellemesinde gözden geçirilen Form iş akışı.

David Powers

Form öğelerine yönelik ortak yeni nitelikler

Aşağıdakiler tüm form öğelerine yönelik ortak yeni niteliklerdir:

  • Disabled: Tarayıcının öğeyi devre dışı bırakmasını istiyorsanız bu seçeneği belirleyin.
  • Required: Tarayıcının bir değerin belirtilip belirtilmediğini kontrol etmesini istiyorsanız bu seçeneği belirleyin.
  • Auto complete: Kullanıcı bir tarayıcıya bilgi girerken değerlerin otomatik olarak doldurulması için bu seçeneği belirleyin.
  • Auto focus: Tarayıcı sayfayı yüklerken odağın bu öğede olmasını istiyorsanız bu seçeneği belirleyin.
  • Read only: Öğenin değerini salt okunur olarak ayarlamak için bu seçeneği belirleyin.
  • Form: Bir <girdi> öğesinin ait olduğu bir veya birden fazla formu belirtir.
  • Name: Koddaki öğeye başvurmak için kullanılan benzersiz ad.
  • Place holder: Bir girdi alanının beklenen değerini açıklayan ipucu.
  • Pattern: Öğe değeri doğrulamasının bağlı olduğu düzenli ifade.
  • Title: Bir öğe ile ilgili ekstra bilgi. Araç ipucu olarak görüntülenir.
  • Tab Index: Geçerli belgenin sekme sırasında bulunan geçerli öğenin konumunu belirtir.

Değiştirilmiş niteliklere sahip form öğeleri

  • Form No Validate: Form doğrulamasını devre dışı bırakmak için bu seçeneği belirleyin. Bu seçim, form düzeyindeki Doğrulama Yok niteliğini geçersiz kılar.
  • Form Enc Type: Kullanıcı aracısının bu öğeyi form gönderimi için ilişkilendirmesi gerektiği MIME türüdür.
  • Form Target: Kontrol hedefini temsil eden bir gözatma bağlam adı veya anahtar sözcüğü.
  • Accept charset: Form gönderimi için kullanılan karakter kodlamalarını belirtir.
Not:

Niteliklerin bağları, HTML5 özelliklerinde listelenen tüm niteliklere ilişkin bilgileri içerir. Tüm bu niteliklerin Özellikler panelinde mevcut olduğunu unutmayın. Panelde mevcut olmayan nitelikleri eklemek için kod görünümünü kullanabilirsiniz.

Form Öğesi Öğeye özel yeni nitelikler Niteliklerin açıklaması
Metin Alanı List http://www.w3.org/TR/html-markup/input.text.html
Düğme <Özel yeni nitelik yok> http://www.w3.org/wiki/HTML/Elements/button
Onay Kutusu <Özel yeni nitelik yok> http://www.w3.org/TR/html-markup/input.checkbox.html
Dosya Multiple http://www.w3.org/TR/html-markup/input.file.html
Form No validate, Accept charset http://www.w3.org/TR/2012/WD-html-markup-20120329/form.html
Gizli <Özel yeni nitelik yok> http://www.w3.org/TR/2012/WD-html-markup-20120329/input.hidden.html
Şifre <Özel yeni nitelik yok> http://www.w3.org/TR/html-markup/input.password.html
Görüntü Width, Height, Action, Method, Form no Validate, Form Enc Type, Form target. http://www.w3.org/TR/html-markup/input.image.html
Sıfırla <Özel yeni nitelik yok> http://dev.w3.org/cvsweb/html5/markup/button.reset.html
Gönder Form No Validate, Form Enc type, Form target, Action, Tab Index, Method. http://www.w3.org/TR/html-markup/input.submit.html
Radyo <Özel yeni nitelik yok> http://www.w3.org/TR/html-markup/input.radio.html
Metin Alanı Rows, Cols, Place Holder, Wrap, Max Length, Tab Index http://www.w3.org/TR/html-markup/textarea.html
Seç Size http://www.w3.org/wiki/HTML/Elements/select

HTML5 form öğeleri

Form öğesi Kullanılabilir olduğu sürümler: Açıklama Niteliklerin açıklaması
Renk 12.2 Renk içermesi gereken girdi alanları içindir. http://www.w3.org/TR/html-markup/input.color.html
Tarih 12.2 Kullanıcıya tarih seçmesi için yardımcı olan kontrol. http://www.w3.org/TR/html-markup/input.date.html
Tarih - Saat 12.2 Kullanıcının tarih ve saat (saat dilimiyle birlikte) belirlemesine olanak tanır. http://www.w3.org/TR/html-markup/input.datetime.html
Tarih - Saat (Yerel) 12.2 Kullanıcının tarih ve saat (saat dilimi olmadan) belirlemesine olanak tanır. http://www.w3.org/TR/html-markup/input.datetime-local.html
Ay 12.2 Kullanıcının ay ve yıl seçmesine olanak tanır. http://www.w3.org/TR/html-markup/input.month.html
Sayı 12.2 Yalnızca rakam içeren alanlar içindir. http://www.w3.org/TR/html-markup/input.number.html
Aralık 12.2 Bir rakam aralığında değerler içermesi gereken alanlar içindir. http://www.w3.org/TR/html-markup/input.range.html
Saat 12.2 Kullanıcının saat belirlemesine olanak tanır. http://www.w3.org/TR/html-markup/input.time.html
Hafta 12.2 Kullanıcının hafta ve yıl seçmesine olanak tanır. http://www.w3.org/TR/html-markup/input.week.html
E-posta 12.1 Öğe değerinde belirtilen bir e-posta adresi listesini düzenlemeye yönelik kontrol. http://www.w3.org/TR/html-markup/input.email.html
Arama 12.1 Bir veya birden fazla arama terimi girmeye yönelik tek satırlık düz metin düzenleme kontrolü. http://www.w3.org/TR/html-markup/input.search.html
Telefon (Tel) 12.1 Telefon numarası girmeye yönelik tek satırlık düz metin düzenleme kontrolü. http://www.w3.org/TR/html-markup/input.tel.html
URL 12.1 Öğe değerinde belirtilen bir mutlak URL'yi düzenlemeye yönelik kontrol. http://www.w3.org/TR/html-markup/input.url.html

Benzer konular

Daha hızlı ve daha kolay yardım alın

Yeni kullanıcı mısınız?