Scribd
Upload
12 views

CSS PR6 Writeup

Uploaded by

ahirekalpesh64
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
12 views

CSS PR6 Writeup

Uploaded by

ahirekalpesh64
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 13

<html>

<head>
<h1>Practical 6 : Create web page using form elements.</h1>
<h2>User Registration From!!</h2s>
<style>
.bordered
{
width : 500px;
height: 500px;
border: 1px solid grey;
margin-left: 100px;
}
form{
margin: 6px;
}
</style>
</head>
<body>
<div class="bordered">
<form name="new" method="get" action="#">
<br>
First Name:<input type="text" id="fname"></br></br>
<label for="lname">Last name:</label>
<input type="text" id="lname"></br></br>
<lable for="uid"> Email:
<input type="email" id="uid"></br></br>
<lable for="pwd"> Password:
<input type="password" name="pwd"> </br></br>
<lable for="dob"> Birthdate:
<input type="date" name="dob"></br></br>

Country:<select name="select">
<option value="India"> India</option>
<option value="Japan"> Japan</option>
</select> </br></br>

<lable for="radio1"> Gender:------------------</br>


<input type="radio" name="radio1" value="Male"
checked="checked">Male <tb>
<input type="radio" name="radio1" value="female">
Female <tb>
<input type="radio" name="radio1" value="other"> Other
<tb> </br></br>

<lable for="checkbox1"> Language:------------------


</br>
<input type="checkbox" name="checkbox1" value="English"
checked="checked">English<tb>
<input type="checkbox" name="checkbox1"
value="Hindi">Hindi<tb>
<input type="checkbox" name="checkbox1"
value="Marathi">Marathi<tb></br></br>

<lable for="tarea"> Address: <textarea name="tarea"


cols="20" rows="2"></textarea></br></br>

<input type="checkbox" name="chbox">Above Information


Correct. I accept all the terms and codition.</br></br>
<input type="submit" name="submit" value="Submit"
onclick="welcome()"><tb>
<input type="reset" name="reset"
value="Reset"></br></br>
</div>
<script>
function welcome()
{
alert("Welcome New User");
}
</script>
</form>
</div>
</body>
</html>

You might also like