Write HTML code for the following form
Answers
Heya !!
What is HTML ??
The acronym for HTML is Hyper Text Markup Language. Initially, it was known by the name of GML (General Markup Language). In 1986, it was renamed to SGML (Standard Generalized Markup Language). In 1989, Sir Tim Berners-Lee and his team redesigned this language and named it Hyper Text Markup Language (HTML), as we know it today.
HTML is a markup language usually used to create the basic structure of a web-page. Using HTML with JavaScript (JS is a client-side programming language used to make HTML pages alive), we can even create Windows 10 Store Applications through Visual Studio.
What are Tags ??
Tags are a piece of code that tells the web-browser what to show and how to show. HTML is a tag-based language.
What are Forms ??
Now-a-days, all of us fill various forms online such as Placing an order, creating an account etc...Forms are a collection of various text-boxes, buttons, labels, captions, radio-buttons, check-boxes, drop-downs and so on...Forms are used to submit data from a user(client) and send it to the server for requesting data or submitting data to be stored in a database, for example, when we fill a form to create our account for example, on a question/answer site, the data related to our account gets stored on the server's database if the account was created successfully.
In HTML, forms can be created using the < form $gt; tag.
It is a container tag, which means it has a closing tag < /form > also...
Elements of a Form
As mentioned earlier, a form is a collection of various text-boxes, buttons, labels, captions, radio-buttons, check-boxes, drop-downs and so on...So, some common components of the form are:
- Text-box
- Button
Creating Elements of a Form in HTML
We use the < input > tag to create a form element.
1. Creating a Text-Box : To create a text box, use,
< input type="text" value="" / >
2. Creating a Button : A button can be created in two ways...
< input type="button" value="This is a button" / >
< button > This is also a button < /button >
Attributes of the < input > tag...
Type: Specifies the type of control.
Value: The text visible on a button etc...
Creating the Desired web-page.
The code and the output along with the HTML file for the desired HTML form is in the form of attachments. Hope my answer is helpful to you!
Hey buddy here's your code. You can also have the "order received page" given below :)
CODE:-
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>
Ice Cream Order Form
</title>
</head>
<body>
<h1>Ice Cream Order Form</h1>
<form action="orderplaced.html">
Email: <input type="email">
<br>
Password: <input type="password">
<br>
Flavor: <input type="text">
<br>
Toppings:
<input type="checkbox">Sprinkles
<input type="checkbox">Nuts
<input type="checkbox">Whipped Cream
<br>
Cup or cone?
<input type="radio">Cup
<input type="radio">Plain Cone
<input type="radio">Sugar Cone
<input type="radio">Waffle Cone
<br>
Special Request:
<br>
<input type="text">
<br>
<input type="submit" value="Submit Form"> <input type="reset" value="Reset Form">
</form>
</body>
</html>
Received order code:-
<html>
<head>
<title>Thank You !</title>
<style>
body {
text-align: center;
text-decoration: none;
font-family: Arial;
}
</style>
</head>
<body>
<h1>We have received your order and you will receive the delivery soon !</h1>
<a href="website.html" method="post"> Click here ! </a>
</body>
</html>
Hope this helps ya :)
No SPAMMING❕❗...
