Html İle Farklı Form Kullanım Uygulamaları 5 | E L M A

Html İle Farklı Form Kullanım Uygulamaları 5

     

Programlama öğrenmek için her zaman yeni örnekler denemelisiniz. Bunun için bugün sizlere Html İle Farklı Form Kullanım Uygulamaları 5 programını aktaracağız.  Html  de kodlama nasıl gerçekleşir? Html İle Farklı Form Kullanım Uygulamaları 5 nasıl kodlanır? Gibi sorularınızın cevabını bu içeriğimizde bulabilirsiniz.


Html Programlama Örnekleri


Html İle Farklı Form Kullanım Uygulamaları Kod Alanı


Html  web programlama dilinde Farklı Form Kullanım Uygulamaları 5 kod metnini oluşturduk. Bu uygulama serimizde  input type=”text”, input type=”number”, input type=”file”, input type=”radio”, input type =”checkbox”, textarea, input type=”submit, input type=”reset” kullanımlarını bir tablo içerisine yerleştirilmiş form örneklerini öğreneceğiz. Html içerisinde kullanıcılardan bilgi alabilmek için form nesnesi kullanılmak zorundadır. Bu uygulama örneğimizde kullanıcıdan basit düzey bilgiler alan bir form oluşturma gerçekleştirdik.  Bu uygulamamız bir önceki bu konu ile ilgili uygulamadan bir takım farklar bulundurmaktadır. Bu uygulamanın kod metni aşağıdaki gibidir:


<!DOCTYPE html>
<html>
<head>
<title>Web Tasarım</title>
<meta charset="utf-8">
</head>
<body>
<form>
<fieldset>
<legend>
iletişim Formu
</legend>


<table border="1">

<tr>
<td>Adınız Soyadınız : </td>
<td><input type="text" name="adsoyad"> </td>
</tr>
<tr>
<td>E-Posta Adresiniz : </td>
<td><input type="text" name="mail"> </td>
</tr>
<tr>
<td>Telefonunuz : </td>
<td><input type="text" name="mail" placeholder="(___)(_______)"> </td>
</tr>

<tr>
<td>TC Kimlik Numaranız : </td>
<td><input type="text" name="tckimlik" placeholder="11 hane olmalıdır."> </td>
</tr>

<tr>
<td>Bildiğiniz Yabancı Diller</td>
<td>
<label for="ing">İngilizce</label><input type="checkbox" id="ing" value="ing"><br>
<label for="alm">Almanca</label><input type="checkbox" id="alm" value="alm"><br>
<label for="fra">Fransızca</label><input type="checkbox" id="fra" value="fra">
</td>
</tr>

<tr>
<td>Mesajınız : </td>
<td><textarea cols="22" rows="7" name="mesaj"></textarea> </td>
</tr>

</table>

</fieldset>

</form>
</body>
</html>

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.

Yorum Gönder

Daha yeniDaha eski