Form Tags Data Type Description <Form> Defines a form for user input. <input> Defines an input field. <textarea> Defines a text-area (a multi-line text input control). <label> Defines a label to a control. <fieldset> Defines a field set. <select> Defines a selectable list (a drop-down box). <optgroup> Defines an option group. <option> Defines an …
The Form’s Action Attribute and the Submit Button name name attribute defines the name of the form. Because a page can have more than one form. action action defines the action of form. (to which this form have to send its values). method method defines the type of method used to send the …
The Form’s Action Attribute and the Submit Button Read More »
<Input>Tag The most used form tag is the <input> tag. The type of input is specified with the type attribute. There are the various input elements. To use these input elements in form you will have to define the Input element in the “type” attribute in the <input> tag. Attributes of the …
Text Fields Text fields are used when you want the user to type letters, numbers etc. in a form. Format: <form> First name: <input type=”text” name=”firstname”></form> example page in browser will look like <form> First name: <input type=”text” name=”firstname”> <br> Last name: <input type=”text” name=”lastname”> </form> First name Last name Note …
Password Fields Text fields are used when you want the user to enter the password in the form of letters, numbers etc. in a form, but you do not want to display the text. Then you should use this field. Whenever user types in the field the star or dot character appears …
Radio Buttons Radio Buttons are used when you want the user to select one of a limited number of choices. Format: <form><input type=”radio” name=”sex” value=”male”> Male<br></form> example page in browser will look like <form> <input type=”radio” name=”sex” value=”male”> Male <br> <input type=”radio” name=”sex” value=”female”> Female </form> Male Female Note that only …
Checkboxes Checkboxes are used when you want the user to select one or more options of a limited number of choices. Format: <form><input type=”checkbox” name=”Bike”>I have a bike.<br></form> Example Page in browser will look like <form> <input type=”checkbox” name=”Bike” value=”I have a bike.”> Male <br> <input type=”checkbox” name=”car” value=”I have a car.”>I …
<textarea> Tag Textarea tag is used when the user want to give big information in the form like message. <textarea> is the only element used to send large message to other location. It can contain number of lines and columns. Format: <textarea rows=”6″ name=”S1″ cols=”27″></textarea> Example Page in browser will look like …
The <label> tag Defines a label to a control. If you click the text within the label element, it is supposed to toggle the control. The “for” attribute binds a label to another element. Set the value of the “for” attribute equal to the value of the “id” attribute of the related element. …
The <fieldset> tag The fieldset element draws a box around its containing elements. Example Page in browser will look like <fieldset> first name <input type=”text” size=”3″> </input> last name <input type=”text” size=”3″> </input> </fieldset> First name Last name
The <select> tag The select element creates a drop-down list. Use this tag in the form element to accept user input. Example Page in browser will look like <select> <option SELECTED VALUE=” delhi “> delhi </option> <option VALUE=” calcutta “> calcutta </option> <option VALUE=”mumbai”>mumbai</option> <option VALUE=”chennai”>chennai</option> </select> delhicalcuttamumbaichennai Attribute Value Description …
The <optgroup> tag Defines an option group. This element allows you to group choices. When you have a long list of options, groups of related choices are easier to handle. Example Page in browser will look like <select> <optgroup label=”Computers”> <option value =”BE(CS)”>BE(CS)</option> <option value =”MCA”>MCA</option> </optgroup> <optgroup label=”Electronics”> <option value =”BE(ECE)”>BE(ECE)</option> <option …
The option element defines an option in the drop-down list. The <option> tag can be used without any attributes, but you usually need the value attribute, which indicates what is sent to the server. Use this tag in conjunction with the select element, elsewhere it is meaningless. Example Page in browser will look …
The option element defines an option in the drop-down list. The <option> tag can be used without any attributes, but you usually need the value attribute, which indicates what is sent to the server. Use this tag in conjunction with the select element, elsewhere it is meaningless. disabled Specifies that the option should be …
In websites, Buttons are used in the forms. Buttons are the clickable elements. Format: <input type=”button_type”” value=”value_of_button” name=”button_name”> Buttons are of three types: Reset button When you click on the reset button the value of all the elements gets clear or you may say elements gets initialized to their default value. Format: <input type=”Reset” value=”Reset” …
How to create Buttons by using HTML? HTML Tutorial Read More »