Web Development Course In Hindi Part 17 How To Create Web Form In HTML

Web Development Course In Hindi Part 17 How To Create Web Form In HTML5  

The Web Form

The "Form" tag is used to create an HTML form for user input. A form can contain input elements like text fields, check boxes, radio, buttons, submit buttons and more. A form can also contain select menus, textarea, fieldset, legend, and label elements, Forms are used to pass data to a server,. The closing tag "/form" it is required 

Input Tag  

The "input" tag is used to select user information, An input field can vary in many ways, depending on the type attribute, An input field can be a text field, a check box, a passeord field, a radio button, a button, and more.  

Text 

<Input type="text"> defines a one-line input field that a user can enter text into.

Email:  

<input type="text" name="email">

Pin: <input type="text" name="pin"> 

Button 

<input type="button"> defines a clickable button, that does not do anything. The button type is most often used to activate a javaScript when a user clicks on the button. <input type="button" value="click me" oneclick="msg()">  

Checkbox 

 <input type="checkbox"> defines a checkbox. Check boxes let a user select one or more options of a limited number of choices. <input type="checkbox" name="vehicle" value="Bike"> I have a bike <Input type="checkbox" name="vehicle" value="car"> I have a car  

File

  <Input type="file" is used for field uploads. Input type="file">  

Hidden 

<Input type="hidden"> defines a hidden fields. A hidden field is not visible for the user. Hidden fields often store a default value, or have their value changed by a JavaScript. <input type="hidden" name="country" value="Norway"> 

Image

  <Input type="image"> defines an image as a submit button. The src and alt attribute are required with <input type="image"> <input type="image" src="submit.gif" alt="submit"> Password <input type="password"> defines a password field. The characters in a password field are masked (shown as asterisks or circles). <input type="password" name="pwd"> Radio <input type="radio"> defines a radio button. Radio buttons let a user select only one of a limited number of choices. <input type="radio" name="gender" value="male"> Male <input type="radio" name="gender" value="female"> Female Reset Button <input type="reset"> defines a reset button. A reset button resets all form fields to their initial values. <input type="reset"> Submit <input type="submit"> defines a submit button. A submit button is used to send form data to a server. The data is send to the page specified in the form's action attribute. form action"form_action.asp" method="get" Email:

<input type="text" name="email"> <input type="submit"> </form> For More Detail Watch This Video