Form | How To Create a Form In HTML Tutorial

How To Create a Form In HTML Tutorial

Form

HTML Forms are required when you need to gather a few information from the site guest. For instance amid client enrolment you might want to gather data, for example, name, email address, Visa, and so forth.

A frame will take include from the site guest and afterward will present it on a back-end application, for example, CGI, ASP Script or PHP script and so on. The back-end application will perform required handling on the passed information in view of characterized business rationale inside the application.

There are different frame components accessible like content fields, textarea fields, drop-down menus, radio catches, checkboxes, and so on.

The HTML <form> tag is utilised to make a HTML frame and it has taking after

Source Code

<html>
   <head>
     <title>form </title>
   </head>
 <body>
   <form name="f" action="index.php" method="get">
     <fieldset>
	   <legend align="center"><b><i><u> Form elements </u></i></b>
	   </legend>
	   <label for="f1">Text Box: </label>
	   <input type="text" id="t1" name="text"><br>
	   Password =<input type="password"><br>
	   Hidden=<input type="hidden" name="text"><br>
	   File=<input type="file"><br>
	   Image=<input type="image" src="image/back" height="30" width="50"><br>
	   gender=<input type="radio" name="gender" value="male">male
	       <input type="radio" name="gender" value="female"> female
	  Language know<br>
           <input type="checkbox" name="lang1" value="tamil">tamil
            <input type="checkbox" name="lang1" value="english">english	<br>
			</fieldset>
       Drop Down Box:
             <br>
        <select name="my country">
       <option value="India">India</option>
        <option value= "us">United state </option>
        <option value="japan">japan</option>
      </select><br>
         <textarea rows="10" cols="50" wrap="no">enter here</textarea>
         		 
	 </form>
</body> 
</html>

 

 

You May Also Like

About the Author: admin

Leave a Reply

Your email address will not be published. Required fields are marked *