Create a XHTML document containing a form. The title bar should display “Voting
ID: 3598353 • Letter: C
Question
Create a XHTML document containing a form. The title bar should display “Voting Form”. The form should contain the following:
- Text boxes to accept the person’s name and e-mail address
-At least five radio buttons the user can use to vote for a candidate for some office. (You make up some names)
-Text box for write-in alternative Checkboxes with name and value attributes for these options:
o This is the first time I have voted online.
o I have periodically voted online. o I always vote online.
o Online voting is not patriotic
-Submit Button
-Reset Button
Explanation / Answer
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Voting Form</title>
</head>
<body>
<form action="/action_page.php">
<h4>Voting Form</h4>
Person Name: <input type="text" name="person_name" placeholder="Enter Person name"><br>
Email Address: <input type="text" name="email" placeholder="Enter E-mail id"><br>
<br>
<hr>
<input type="radio" name="voting_type" value="Excellent" checked> Excellent<br>
<input type="radio" name="voting_type" value="good"> good<br>
<input type="radio" name="voting_type" value="Average"> Average<br>
<input type="radio" name="voting_type" value="Poor"> Poor<br>
<input type="radio" name="voting_type" value="other"> Other<br><br>
<hr>
<input type="checkbox" name="voting_interest_type" value="This is the first time I have voted online" checked> This is the first time I have voted online.
<input type="text" name="anternative" placeholder="Enter Alternative options"><br>
<input type="checkbox" name="voting_interest_type" value=" I have periodically voted online"> I have periodically voted online
<input type="text" name="anternative" placeholder="Enter Alternative options"><br>
<input type="checkbox" name="voting_interest_type" value="I always vote online"> I always vote online
<input type="text" name="anternative" placeholder="Enter Alternative options"><br>
<input type="checkbox" name="voting_interest_type" value="Online voting is not patriotic"> Online voting is not patriotic
<input type="text" name="anternative" placeholder="Enter Alternative options"><br><br>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form>
</body>
</html>