CSS ve HTML Dersleri | Dreamweaver Kurulumu | CSS Programlama Dersleri
Bu dersimizde "Buton" eklemeyi öğreneceğiz.
Kodlarda tablonun içine yaptım çünkü düzenli olmasını istedim. Dreamweaver programını kullandığımız için "Ekle" kısmından otomatik tablo kodlarını kendi ayarlarımıza göre ekleyebiliriz.
"<input type="button" value="Gönder">" etiketi ile buton oluşturduk.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Form</title>
<style type="text/css">
</style>
</head>
<body>
<table border="0">
<tr>
<td height="35"> Adı Soyad</td>
<td><input type="text" size="26"></td>
</tr>
<tr height="35">
<td>Email</td>
<td><input type="text" size="10">@ <select name="">
<option> gmail.com</option>
<option>hotmail.com</option>
<option> yahoo.com</option>
<option> msn.com</option>
</select></td>
</tr>
<tr height="35">
<td>Cinsiyet</td>
<td> <input type="radio" name="Cinsiyet"> Kadın <input type="radio" name="Cinsiyet">Erkek</td>
</tr>
<tr height="35">
<td>Hobiler</td>
<td> <input type="checkbox" name="Hobi">Sinema <input type="checkbox" name="Hobi">Kitap<input type="checkbox" name="Hobi">futbol</td>
</tr>
<tr height="35">
<td></td>
<td><input type="button" value="Gönder"></td>
</tr>
</table>
</body>
</html>