Bir başvuru formu oluşturmak isterseniz bu kodlar size azda olsa yardımcı olabilir.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Muhammed Özdemir">
<style>
body
{
text-align:center;
background-color:#db7093;
}
#düzenle
{
text-align:left;
width:400px;
margin:auto;
background-color:#7fffd4;
}
.giris
{
width:200px;
}
#kaydet
{
width:100px;
height:20px;
font:14px Arial;
border:0px;
background-color:#C60;
text-align:center;
color:#FFF;
}
</style>
<title>FORM</title>
</head>
<body>
<div id="düzenle">
<table width="400" border="1">
<tr>
<th colspan="2">Başvuru Formu<br> </th>
</tr><tr>
<td width="120">Ad-Soyad</td>
<td><input class="giris" name="ad"></td>
</tr><tr>
<td> Bölüm</td>
<td>
<select class="giris" name="bolum">
<optgroup>bölüm</optgroup>
<option value="1">YAZILIM Mühendisliği</option>
<option value="2">Bilgisayar Mühendisliği</option>
<option value="3">Elektrik-elektronik Mühendisliği</option>
</select>
</td>
</tr><tr>
<td>Öğrenci No</td>
<td><input class="giris" name="no"></td>
</tr><tr>
<td>Cinsiyet</td>
<td><input name="cins" value="0" type="radio">Erkek <input name="cins" value="1" type="radio">Bayan</td>
</tr><tr>
<td>Email:</td>
<td><input class="giris" name="eMail"></td>
</tr><tr>
<td>Tel:</td>
<td><input class="giris" name="tel"></td>
</tr><tr>
<td colspan="2" align="center"><br> <input id="kaydet" type="submit" value="Kaydet"> </td>
</tr>
</table>
</div>
</body>
</html>
9 Temmuz 2012 Pazartesi
Html & Css ile FORM
1 yorum:
Yorum Gönder