Ders 3

CSS ve HTML Dersleri | Dreamweaver Kurulumu | CSS Programlama Dersleri

Bu dersimizde "Radio Buton" ve "Check box" ekleyeceğ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="radio" name="Cinsiyet"> Kadın" ile ilk başta "Radio Buton" u ekledik, daha sonra "Kadın" yazarak "Radio Buton" unun ne ifade ettiğini gösterdik.
"<input type="checkbox" name="Hobi">Sinema" etiketi ile ilk başta "Checkbox" ı ekledik, daha sonra da "Sinema" yazarak "Checkbox" ının ne ifade ettiğini gösterdik.

KODLAR

<!doctype html>

<html>

<head>

<title>Başlıksız Belge</title>

</style>

</head>

<body>

<tr>

<td height="35"> Adı Soyad</td>

</tr>

<td>Email</td>

<option> gmail.com</option>

<option>hotmail.com</option>

<option> yahoo.com</option>

</select></td>

</tr>

<td>Cinsiyet</td>

<td> <input type="radio" name="Cinsiyet"> Kadın <input type="radio" name="Cinsiyet">Erkek</td>

</tr>

<td>Hobiler</td>

<td> <input type="checkbox" name="Hobi">Sinema <input type="checkbox" name="Hobi">Kitap<input type="checkbox" name="Hobi">futbol</td>

</tr>

</table>

</body>

</html>