Hello Viewers,
Welcome to code tutorial
Today we will learn about HTML form ..!
What is form?
A form is a document with spaces in which to write or select, for a series of documents with similar contents. The documents usually have the printed parts in common, except, possibly, for a serial number. Forms, when completed, may be a statement, a request, an order, etc.; a check may be a form. A form powers the conversion process. Forms collect information and add to your Contacts database. Either a new lead is created, or if it's a lead or customer that already exists, any new information that is collected will be added to the existing contact information.
Purpose of form?
A webform, web form or HTML form on a web page allows a user to enter data that is sent to a server for processing. Forms can resemble paper or database forms because web users fill out the forms using checkboxes, radio buttons, or text fields. Forms have a distinct purpose. They provide the student with the proper tools for correct body mechanics, motion and relaxation. Equally as important, these forms offer the instructor a consistent framework from which to teach.
Importance of form
For businesses, web forms are very
essential, because they help indirectly establish a relationship with clients.
Businesses largely rely on the personal information of clients to make key
decisions and contact them when needed. These forms help as the business owner
to build a dynamic website for whatever purpose you might need it for thus
bridging the gap between consumers and content holders.
Form in website
A webform, web form or HTML form on a web page allows a user to enter data that is sent to a server for processing. Forms can resemble paper or database forms because web users fill out the forms using checkboxes, radio buttons, or text fields. Web Forms are pages that your users request using their browser. These pages can be written using a combination of HTML, client-script, server controls, and server code. ... An ASP.NET And PHP Web Forms page presents information to the user in any browser or client device.
Form Tags
The HTML <form> tag is used for creating a form for user input. A form can contain textfields, checkboxes, radio-buttons and more. Forms are used to pass user-data to a specified URL.
The <form> element
can contain one or more of the following form elements:
- <input>
- <textarea>
- <button>
- <select>
- <option>
- <optgroup>
- <fieldset>
- <label>
- <output>
Video Content
:
- We made basic html form for learning,
Basically we made registration form in which we used simple form tag which
are <input> , <textarea>, <button>, <select>,
<option>, <label>
- We created input for
name uses input type=”text” and then email address uses input type=”email”
and then select course uses select tag and make options and the choose
gender uses input type=”radio” and gave them id and then mobile number
uses input type=”tel” and finally for message we uses textarea.
- At the bottom we
created submit button
And we run the code which
is successfully working
You can also use the code which we given below :-
<html>
<head>
<title>Registration Form</title>
</head>
<body>
<form>
<label>Your
Name</label><br/><br/>
<input type="text" placeholder="Your Name" required><br/><br/>
<label>Your Email
Address</label><br/><br/>
<input type="mail" placeholder="Your Email Address"><br/><br/>
<label>Select
Course</label><br/><br/>
<select id="1">
<option value="0">None</option>
<option value="1">Web
designing</option>
<option value="2">Graphic
designing</option>
<option value="3">Wordpress
development</option>
</select><br/><br/>
<label>Choose Gender</label><br/><br/>
<input type="radio" id="male"
name="gender" value="male">
<label for="male">Male</label>
<input type="radio"
id="female" name="gender" value="female">
<label
for="female">Female</label>
<input type="radio" id="other"
name="gender" value="other">
<label for="other">Other</label>
<br/><br/>
<label>Your Mobile
No.</label><br/><br/>
<input type="tel" placeholder="Your
Mobile No."><br/><br/>
<label>Your
Message</label><br/><br/>
<textarea col="5" rows="5" placeholder="Your Message"></textarea><br/><br/>
<input type="submit">
</form>
</body>
</html>
Thank You for give your time to our blog stay tuned for next
blog..!
You Can Watch video by clicking below the link which we
given you ……
https://youtu.be/0P8-IveI47k
0 Comments