HTML'de Form Etiketi Kullanımı

Form Etiketi Nedir?

HTML'de form etiketi, kullanıcıların web sitelerine bilgi göndermelerine olanak tanır. Bu, genellikle kullanıcı adı ve şifre gibi giriş bilgileri, iletişim formu gibi iletişim bilgileri veya sipariş formu gibi çeşitli amaçlarla kullanılır.

Temel Form Yapısı

Temel bir HTML formu,

Form Alanları

Form etiketleri içinde, kullanıcıdan veri almak için çeşitli form alanları kullanılabilir. Bu alanlar, , </code>, <code><select></code> gibi etiketlerle oluşturulur. En sık kullanılanı <code><input></code> etiketidir.</p> <h3>Kullanıcı Adı ve Şifre Alanları Örneği</h3> <pre> <code><label for="username">Kullanıcı Adı:</label> <input type="text" id="username" data-cke-saved-name="username" name="username"> <label for="password">Şifre:</label> <input type="password" id="password" data-cke-saved-name="password" name="password"></code> </pre> <h2>Form Gönderme Butonu</h2> <p>Formu göndermek için bir gönderme butonu eklemek gereklidir. Bu buton, <code><input type="submit"></code> veya <code><button type="submit"></code> etiketleriyle oluşturulabilir.</p> <pre> <code><input type="submit" value="Gönder"></code> </pre> <h2>Örnek Form Kodu</h2> <p>Aşağıdaki kod, basit bir kullanıcı girişi formunu temsil eder:</p> <pre> <code><form action="/submit_form.php" method="post"> <label for="username">Kullanıcı Adı:</label> <input type="text" id="username" data-cke-saved-name="username" name="username"><br><br> <label for="password">Şifre:</label> <input type="password" id="password" data-cke-saved-name="password" name="password"><br><br> <input type="submit" value="Giriş Yap"> </form></code> </pre> </article>