≪!DOCTYPE html≫
≪html lang="fa" dir="rtl"≫
≪head≫
≪meta charset="UTF-8"≫
≪meta name="viewport" content="width=device-width, initial-scale=1.0"≫
≪title≫فرم ثبت نام≪/title≫
≪style≫
input{
width: 200px;
padding: 5px;
margin: 10px;
background-color: grey;
color:white;
border-radius: 5px;
border: none;
}
input[type="text"]{
background-color: grey;
}
input[type="submit"]{
width: 100px;
color: white;
}
input[type="text"]:focus{
background-color: rgb(182, 182, 182);
outline: none;
border: solid;
}
label{
font-size: 20px;
margin-right: 20px;
padding: 5px;
color: white;
}
select{
width: 200px;
padding: 5px;
margin: 10px !important;
background-color:rgb(255, 243, 78);
color: rgb(71, 71, 71);
}
body{
background-color: rgb(71, 71, 71);
}
≪/style≫
≪/head≫
≪body≫
≪form action=""≫
≪label for="fname"≫نام : ≪/label≫≪br/≫
≪input type="text" name="fname" id="fname" ≫≪br/≫
≪label for="lname"≫نام خانوادگی : ≪/label≫≪br/≫
≪input type="text" name="lname" id="lname"≫≪br/≫
≪label for="email"≫پست الکترونیک : ≪/label≫≪br/≫
≪input type="email" name="email" id="email"≫≪br/≫
≪label for="password"≫رمز عبور : ≪/label≫≪br/≫
≪input type="password" name="password" id="password"≫≪br/≫
≪label for="gender"≫جنسیت : ≪/label≫≪br/≫
≪select name="gender" id="gender"≫
≪option value="male"≫آقا≪/option≫
≪option value="female"≫خانم≪/option≫
≪/select≫
≪br/≫
≪input type="submit" value="ذخیره"≫
≪/form≫
≪/body≫
≪/html≫