HTML Form ve HTML Form Elemanları

HTML Form ve HTML Form Elemanları


HTML Form ve HTML Form Elemanları

Yazar: Master Web Tasarım     Yayın Tarihi: 06/02/2022 14:51

HTML Form, HTML form örnekleri, HTML form kodları, HTML form nedir, HTML form elemanları HTML form action, HTML form post, HTML form get ve HTML form oluşturma nasıl yapılır bunlara değineceğiz arkadaşlar.

Html form oluşturarak web sitelerimizde üye girişleri, kayıt girişleri veya sitemize gelen ziyaretçilerin tüm alınması gereken bilgileri alabilir bunları veri tabanı ve çeşitli yazılım dilleri ile web tasarım projelerimizde kullanabiliriz. HTML Form elementi ile bir çok şey yapabilirsiniz. Bu yazımızda bir çok html form elemanlarına değineceğiz arkadaşlar.

HTML Form Elemanları Nelerdir?

Altta ki kodlar ile <form></form> html form etiketleri arasına ekleyebileceğiniz inputları ekledik.

<input type="text"></input> -> Text inputu
<input type="password"></input> -> Şifre inputu
<input type="button"></input> -> Buton inputu
<input type="color"></input> -> Renk inputu
<input type="date"></input> -> Tarih inputu
<input type="datetime-local"></input> -> Tarih ve saat inputu
<input type="email"></input> -> E-Mail adresi inputu
<input type="file"></input> -> Dosya inputu
<input type="hidden"></input> -> Gizli inputu
<input type="image"></input> -> Resim inputu
<input type="month"></input> -> Ay inputu
<input type="number"></input> -> Sayı inputu
<input type="range"></input> -> Range inputu
<input type="reset"></input> -> Reset (değerleri sıfırlama) inputu
<input type="search"></input> -> Ara inputu
<input type="submit"></input> -> Submit inputu
<input type="tel"></input> -> Telefon numarası inputu
<input type="time"></input> -> Saat inputu
<input type="url"></input> -> Url (link) inputu
<input type="week"></input> -> Hafta inputu
<select></select> -> Select elementi (Bu etiketlerin arasına da <option></option> eklemeniz gereklidir) Örnekler aşağıda mevcuttur.
<button type="submit"></button>

HTML Form Örnekleri

Örnek form kullanımı için aşağıda ki kodu kullanabilirsiniz.

<form method="POST" action="form.php">
    <input type="text">
    <input type="password">
    <input type="button">
    <input type="color">
    <input type="date">
    <input type="datetime-local">
    <input type="email">
    <input type="file">
    <input type="hidden">
    <input type="image">
    <input type="month">
    <input type="number">
    <input type="range">
    <input type="reset">
    <input type="search">
    <input type="submit">
    <input type="tel">
    <input type="time">
    <input type="url">
    <input type="week">
    <select>
        <option></option>
    </select>
    <button type="submit">GÖNDER</button>
</form>

üstte ki örnekte şunu da belirtmek gerekli. Method bölümüne POST veya GET eklemeniz gereklidir. Ayrıca action bölümüne de bu formda ki verileri nereye göndermek isterseniz o kısmın url'sini belirtmelisiniz. Action boş bırakırsanız bulunduğu sayfaya göndermektedir.

Video olarak izlemek için youtube kanalımıza bağlantıya tıklayarak detaylı form videosu izleyebilirsiniz.


Bu makalenin uzunluğu toplam 1 kelimdir 703 kelimdir.

Anahtar Kelimeler: html form, html form örnekleri, html form kodları, html form nedir, html form elemanları, html form action, html form post, html form get, html form oluşturma


Sosyal Medyada Paylaş

Hiç yorum yapılmamış. İlk yorum yapan sen ol. 😀

Son Blog Yorumları




Whatsapp Hızlı İletişim
Hemen Teklif Al
E-Catalog