Scribd
Upload
10 views4 pages

Application Form

Uploaded by

abhishekraut.sfdc
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
10 views4 pages

Application Form

Uploaded by

abhishekraut.sfdc
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

Application Form :

<html>

<head>

<title>Application Form</title>

<style>

div{

text-align:Center;

padding: 20px;

height:410px;

width :300px;

background-color:grey;

border-radius: 10px;

width :100%

box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

margin-left:500px;

.submit-btn{

background-color:blue;

width :250px;

height :35px;

margin-down:10px;

border-color:blue;

color:white;
}

.reset-btn{

background-color:#33b249;

width :200px

height :30px;

border-color:#33b249;

color:white;

</style>

</head>

<body>

<form action="welcome.html">

<h1 style=text-align:center;color:blue>Application Form</h1>

<div>

<lable>Full Name</label><br>

<input type="text" placeholder="Enter full name" class="input-tag"><br>

<label>Email Address</label><br>

<input type="email" placeholder="Enter Email Address"><br>

<label>Mobile Number</label><br>

<input type="tel" placeholder="Enter Mobile Number"><br>

<label>Password</label><br>

<input type="password" placeholder="Enter Password"><br>

<label>Address</label><br>
<textarea></textarea></br>

<lable>Birth Date</label>

<input type="date"><br>

<label>Country</label>

<select>

<option value="Choose Country">Choose Country</option>

<option value="India">India</option>

<option value="USA">USA</option>

<option value="UK">US</option>

<option value="AUS">AUS</option>

</select><br>

<label>Enter Postal Code</label>

<input type="number" placeholder="Enter postal code"></input><br>

<label>Gender</label>

<input type="radio" name="gender" value="male"> Male

<input type="radio" name="gender" value="female"> Female

<input type="radio" name="gender" value="other"> Other<br>

<label>Hobbies</label>

<input type="checkbox" value="cricket">Cricket</input>

<input type="checkbox" value="cricket">Gym</input>

<input type="checkbox" value="cricket">Swiming</input>

<input type="checkbox" value="Reading">Reading</input><br>

<button class="submit-btn">SUBMIT</button><br>
<button class="reset-btn" style="height:35px;width:250px;margin-
top:10px">RESET</button>

</div>

</form>

</body>

</html>

You might also like