pro 4
Wed Dec 18 2024 02:45:28 GMT+0000 (Coordinated Universal Time)
Saved by @akshva
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#container{
background-color: #E2F1E7;
color:#243642;
width: 95%;
border: solid 1pt black;
margin:auto;
padding: 10px;
}
form{
background-color:#629584;
padding: 10px;
}
label{
color: #E2F1E7;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-weight: 200px;
}
input{
padding: 10px;
width:200px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
border-radius:10px;
}
input[type=checkbox]{
width:30px;
}
input[type=submit],input[type=reset] {
margin:10px;
background-color:#DA8359;
color:#030303;
}
input:focus{
background-color: #FCFAEE;
}
select{
border-color:#243642;
background-color:#E2F1E7;
}
</style>
</head>
<body>
<div id="container">
<h1>registration form</h1>
<form >
<table>
<tr>
<td><label for= "usn">usn</label></td>
<td><input id="usn" type="text"></td>
</tr>
<tr>
<td><label for="uname">uname</label></td>
<td><input id="uname" type="text"></td>
</tr>
<tr>
<td><label for="password">password</label></td>
<td><input id="password" type="password"></td>
</tr>
<tr>
<td><label for="bday">bday</label></td>
<td><input id="bday" type="date"></td>
</tr>
<tr>
<td><label for="city">select city</label></td>
<td><select id="city" >
<option>bang</option>
<option>mum</option>
</select></td>
</tr>
<tr>
<td><label for="plang">select programming lang</label>
</td>
<td><input id="plang" type="checkbox" value="C">c<br>
<input id="plang" type="checkbox" value="C++">C++<br>
<input id="plang" type="checkbox" value="java">java</td>
</tr>
<tr>
<td><label for="mypic">upload a photo</label></td>
<td><input id="mypic" type="file"></td>
</tr>
<tr>
<td><label for="pskill">Rate your programming skills in Web Technology</label></td>
<td><input id="pkill" name="pskill" type="range" min="1" max="10" step="1" /></td>
</tr>
<tr>
<td><label for="fcolor">choose you fav color</label></td>
<td><input id="fcolor" type="color"></td>
</tr>
<tr>
<td colspan="2"><input name="submit" type="submit" /><input type="reset" /></td>
</tr>
</table>
</form>
</div>
</body>
</html>
Comments