HTML form elemanları kullanarak daha kompleks bir işlem uygulaması oluşturmak daha fazla özellek ve seçenek sunar. Aşağıdaki adımları takip ederek bu işlemi gerçekleştirebilirsiniz:
Bir HTML belgesi oluşturun ve form elemanlarını içerecek bir form etiketi oluşturun.
<form> <!-- form elemanları burada eklenecek --> </form>
Form elemanlarını ekleyin. Bunlar arasında metin kutuları, seçim kutuları, düğmeler, dosya yükleme kutuları, veri tarihi seçicileri gibi elemanlar bulunabilir. Örnek olarak, bir ad soyad kutusu, doğum tarihi seçicisi ve cinsiyet seçim kutusu ekleyebilirsiniz:
<form> <label for="ad">Ad:</label> <input type="text" id="ad" name="ad"> <label for="soyad">Soyad:</label> <input type="text" id="soyad" name="soyad"> <label for="dogumTarihi">Doğum Tarihi:</label> <input type="date" id="dogumTarihi" name="dogumTarihi"> <label for="cinsiyet">Cinsiyet:</label> <select id="cinsiyet" name="cinsiyet"> <option value="erkek">Erkek</option> <option value="kadın">Kadın</option> </select> </form>
Formun gönderileceği sayfayı belirleyin. Bu, form etiketinin action özelliği ile yapılabilir. Örnek olarak, form verilerinin submit.php sayfasına gönderileceğini belirleyebilirsiniz:
<form action="submit.php"> <!-- form elemanları burada eklenecek --> </form>
Form verilerinin gönderilme şeklini belirleyin. Bunun için form etiketinin method özelliğini kullanabilirsiniz. Örnek olarak, form verilerinin POST yöntemi ile gönderileceğini belirleyebilirsiniz:
<form action="submit.php" method="POST"> <!-- form elemanları burada eklenecek --> </form>
Formun gönderilmesi için bir düğme ekleyin. Bu, input etiketi ile yapılabilir. Örnek olarak, bir “Gönder” düğmesi ekleyebilirsiniz:
<form action="submit.php" method="POST"> <!-- form elemanları burada eklenecek --> <input type="submit" value="Gönder"> </form>
Bu adımları uyguladığınızda, HTML form elemanları kullanarak kompleks bir işlem uygulaması oluşturmuş olacaksınız. Form verilerinin gönderildiği sayfa (submit.php sayfası) verileri işleyebilir ve gerektiği gibi yanıt verebilir.
Bu uygulamada herhangi bir sorun yaşarsanız aşağıya yorum olarak bırakabilirsiniz. Bunun yanı sıra web sitemizdeki diğer hazır Html programlama örneklerine ulaşmak için bu linke tıklayabilirsiniz.