HTML Form Üretici

Bu araç ne işe yarar?

HTML Form Oluşturucu, alanları görsel olarak ekleyip düzenleyerek temiz, erişilebilir HTML form kodu üretir. Etiketli her alan doğru for/id eşleşmesiyle çıkar; web geliştiricileri ve öğrenciler için iletişim, kayıt veya giriş formlarını el yazısı kod olmadan hazırlamayı kolaylaştırır.

Nasıl kullanılır?

Değerleri ve seçenekleri ayarlayın.
Canlı önizlemede sonucu görün.
Üretilen CSS/kodu projenize kopyalayın.

Nasıl çalışır

Önce formun action adresini ve metodunu (GET, POST, PUT, DELETE, PATCH) seçersiniz. Ardından her satırda alan türünü (text, email, password, number, tel, url, date, textarea, select, checkbox, radio, file), etiketini, name özniteliğini ve yer tutucusunu belirler, zorunlu olup olmadığını işaretlersiniz. Select alanları için her satıra bir seçenek yazarsınız. Kod anında alt kısımda oluşur ve tek tıkla kopyalanır; her şey tarayıcınızda çalışır.

Üretilen kodun özellikleri

Her giriş, label etiketiyle eşleştirilir (for ve id aynı name değerini paylaşır), bu da ekran okuyucular için erişilebilirliği artırır. Textarea, select (boş Select... seçeneğiyle birlikte) ve checkbox/radio düzenleri için doğru HTML yapısı üretilir. Boşluk içeren name değerleri otomatik olarak alt çizgiye dönüştürülür. Çıktı girintili ve okunabilir olduğundan doğrudan projenize yapıştırıp CSS ile biçimlendirebilirsiniz.

Sıkça sorulan sorular

Hangi alan türlerini ekleyebilirim?

On iki tür desteklenir: text, email, password, number, tel, url, date, textarea, select, checkbox, radio ve file. Her tür için doğru HTML öğesi ve öznitelikleri otomatik üretilir.

Select alanına seçenekleri nasıl eklerim?

Alan türünü select yaptığınızda beliren kutuya her satıra bir seçenek yazın. Her satır ayrı bir <option> öğesine, başına da boş bir Select... seçeneğine dönüştürülür.