Scribd
Upload
22 views

Anshul 5

This document describes an experiment to design a registration page with fields for name, password, email, phone number, gender, and date of birth. The code provided creates an HTML registration form with the specified fields using labels, inputs, selects, and a submit button styled with CSS. Upon submission, the form will send the input data to a registration processing page.

Uploaded by

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

Anshul 5

This document describes an experiment to design a registration page with fields for name, password, email, phone number, gender, and date of birth. The code provided creates an HTML registration form with the specified fields using labels, inputs, selects, and a submit button styled with CSS. Upon submission, the form will send the input data to a registration processing page.

Uploaded by

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

Experiment -05

Name: Anshul Raj

Roll No.: 2200270100037

Objec ve:
Design Registra on Page with following details
a. REGISTRATION PAGE 1. Name 2. Password 3. E-mail 4.Phone Number 5.Gender 6. Date of
Birth

Code:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, ini al-scale=1.0">

< tle>Registra on</ tle>

<style>

body {

font-family: Arial, sans-serif;

background-color: #f2f2f2;

margin: 0;

padding: 0;

header {

background-color: #333;
ti
ti
ti
ti
ti
ti
color: # f;

text-align: center;

padding: 10px;

h1 {

margin: 0;

.container {

max-width: 800px;

margin: 20px auto;

padding: 20px;

background-color: # f;

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

label {

display: block;

margin-top: 10px;

input, select {
ff
ff
width: 100%;

padding: 10px;

margin-top: 5px;

margin-bo om: 10px;

border: 1px solid #ccc;

border-radius: 4px;

.submit-bu on {

display: block;

width: 100%;

padding: 10px;

background-color: #333;

color: # f;

text-align: center;

text-decora on: none;

font-weight: bold;

.submit-bu on:hover {

background-color: #555;

</style>
ff
tt
tt
tt
ti
</head>

<body>

<header>

<h1>Registra on</h1>

</header>

<div class="container">

<form ac on="registra on_process.php" method="post">

<label for="name">Name:</label>

<input type="text" id="name" name="name" required>

<label for="password">Password:</label>

<input type="password" id="password" name="password" required>

<label for="email">E-mail:</label>

<input type="email" id="email" name="email" required>

<label for="phone">Phone Number:</label>

<input type="tel" id="phone" name="phone" required>

<label for="gender">Gender:</label>

<select id="gender" name="gender" required>

<op on value="male">Male</op on>

<op on value="female">Female</op on>


ti
ti
ti
ti
ti
ti
ti
<op on value="other">Other</op on>

</select>

<label for="dob">Date of Birth:</label>

<input type="date" id="dob" name="dob" required>

<label for="language">Preferred Language:</label>

<input type="text" id="language" name="language" required>

<label for="address">Address:</label>

<textarea id="address" name="address" rows="4" required></


textarea>

<input type="submit" value="Register" class="submit-bu on">

</form>

</div>

</body>

</html>
ti
ti
tt
Experiment- 05 ( Output)

You might also like