Write html code to book tickets of a show. Form fields are Name, Contact no., Dropdown list for show timing., submit and reset buttons. The page should have a Suitable heading
Answers
Answer:
HTML Forms are used to send data across the web and are often used as contact form to convert information input by a user into Leads.HTML forms are used to pass data to the server.
The elements used in HTML form are form tag as parent, input, textarea,, select, button and label.
Explanation:
HTML Form Elements
HTML Form Tag
Input Tag
Input type password
Input type file
Radio Buttons
Checkbox
Select Dropdown
Textarea
Button
Fieldset Create HTML Form
form is build inside <form> tag. See the code below
<form action="" method="get" name="formname">
/* Content */
</form>
Answer:
Here is an example HTML code to create a form for booking tickets for a show
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Book Tickets for Show</title>
</head>
<body>
<h1>Book Tickets for Show</h1>
<form action="" method="POST">
<label for="name">Name:</label>
<input type="text" id="name"
name="name" required><br><br>
<label for="contact">Contact Number:<1:33. LTE
<label for="contact">Contact Number:<label>
<input type="tel" id="contact"
name="contact" required><br><br>
<label for="showtime">Show Timing:<label>
<select id="showtime" name="showtime">
<option value="10am">10:00 AM</option>
<option value="2pm">2:00 PM</option>
<option value="6pm">6:00 PM</option>
</select><br><br>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form>
</body>
</html>
</select><br><br>
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</form>
</body>
</html>
In this code, we have created a form with three fields: name, contact number, and show timing. The name and contact number fields are required, and the show timing field is a dropdown list with three options. The form is submitted using the "Submit" button, and the "Reset" button clears the form. The heading of the page is "Book Tickets for Show". Note that the action attribute in the form tag should be replaced with the appropriate URL to handle the form data.