Scribd
Upload
19 views3 pages

Form 2

The document contains an HTML form with fields for a user to enter their personal information including name, email, password, gender, date of birth, and address.

Uploaded by

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

Form 2

The document contains an HTML form with fields for a user to enter their personal information including name, email, password, gender, date of birth, and address.

Uploaded by

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

<!

DOCTYPE html>
<html>
<head>
<title>HTML Form</title>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #f0f0f0;
}

form {
width: 400px;
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px
rgba(0, 0, 0, 0.1);
}

fieldset {
border: 1px solid black;
padding: 10px;
margin: 0;
}

legend {
font-weight: bold;
margin-bottom: 10px;
}

label {
display: block;
margin-bottom: 5px;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea,
input[type="date"] {
width: calc(100% - 20px);
padding: 8px;
margin-bottom: 10px;
box-sizing: border-box;
border: 1px solid #ccc;
border-radius: 4px;
}

input[type="radio"] {
margin-left: 20px;
}

input[type="submit"] {
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<form>
<fieldset>
<legend>
User personal information
</legend>
<label
>Enter your full name</label
>
<input type="text" name="name" />
<label>Enter your email</label>
<input
type="email"
name="email"
/>
<label>Enter your password</label>
<input
type="password"
name="pass"
/>
<label
>Confirm your password</label
>
<input
type="password"
name="confirmPass"
/>
<label>Enter your gender</label>
<input
type="radio"
name="gender"
value="male"
/>Male
<input
type="radio"
name="gender"
value="female"
/>Female
<input
type="radio"
name="gender"
value="others"
/>Others
<label
>Enter your Date of
Birth</label
>
<input type="date" name="dob" />
<label>Enter your Address:</label>
<textarea
name="address"
></textarea>
<input
type="submit"
value="submit"
/>
</fieldset>
</form>
</body>
</html>

You might also like