Scribd
Upload
5 views4 pages

Practical 10

The document contains two HTML registration form examples, one using basic input elements like textboxes, checkboxes, and radio buttons, and the other incorporating validation features with error messages. Both forms include fields for name, email, mobile number, website, and gender selection. The forms are designed to submit data using GET and POST methods respectively.

Uploaded by

vaijantachavle
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
5 views4 pages

Practical 10

The document contains two HTML registration form examples, one using basic input elements like textboxes, checkboxes, and radio buttons, and the other incorporating validation features with error messages. Both forms include fields for name, email, mobile number, website, and gender selection. The forms are designed to submit data using GET and POST methods respectively.

Uploaded by

vaijantachavle
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/ 4

PRACTICAL 10

Q.Write a program to design a registration form using radio


button,textbox,checkbox,button.
<!DOCTYPE HTML>
<html>
<body>
<form method="GET">

Name: <input type="text" name="name1"><br>


branch:computer: <input type="checkbox" name="c1">civil: <input
type="checkbox" name="c2"><br>
Gender:female: <input type="radio" name="r1">
male: <input type="radio" name="r2">

other: <input type="radio" name="r3">


<br>
<input type="submit">
</form>
</body>
</html>

Output:
Q.Develop web page and do validation using control text
box,Botton,Radiobutton, checkbox
<!DOCTYPE html>

<html>
<head>
<style>
.error {color: #FF0001;}
</style>
</head>

<body>
<h2>Registration Form</h2>
<span class = "error">* required field <br><br>
<form method="post" action="10.php" ?>
Name:

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


<span class="error">
<br><br>
E-mail:
<input type="text" name="email">
<span class="error">*
<br><br>
Mobile No:
<input type="text" name="mobileno">
<span class="error">*
<br><br>
Website:
<input type="text" name="website">
<span class="error"></span>

<br><br>
Gender:
<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female
<input type="radio" name="gender" value="other"> Other
<span class="error">* </span>

<br><br>
<input type="submit" name="submit" value="Submit">
<br><br>
</form>
</body>

</html>
Output:

You might also like