Learn HTML Form,Checkbox,Dropdown,Button

HTML Form:

We usually used html form to get the data from user.Differen attribute and element are used for creating the form.Let we see each one in detail.

<form></form> = Html form has an opening tag and ending.

Text And Submit Button.

<input> = An element used between the form take different input from user.
type = is an attribute used for different purpose such as submit button,text field etc.

Value = Is an attribute used to display the value in text field and submit etc..


<input  type = "text" value = "" >

<input type = "submit" value = "submit">


Textarea In Html.

Textarea is used for written long text in contrast of text field.In which we used multiple column and rows.Let see how we make textarea in html.<textarea></textarea> = This element has opening and ending tag.row & Column = we can use multiple rows and column attribute in textarea element.Let we see how we write textarea in html form.


<textarea rows = "8" cols= "8">

This is my textarea of html. In which i used forum rows and four column.




Drop Down List:

For drop down list we used select element and multiple option element.
<select></select> = Select element has opening and ending element.
<option> = option element is used for select one option among various.

Now we see how we write drop down list.

<option value = "orange">orange</option>
<option value = "mango">mango</option>
<option value = "apple">apple</option>


Radio Button

In html we used radio button to check one option and unchecked all other option.
Let we see how we make radio button.
<input type = "radio" value = "married">Married<br>
<input type = "radio" value = "unmarried">Unmarried




Checkbox In Html:

Checkbox is used to select multiple option.In input element we used type = "checkbox" attribute.Let see how we create checkbox in html form.

<p> Select multiple fruit which you like.</P>

Apple<input  type = "checkbox" value = "apple">
Orange<input type = "checkbox" value = "orange">
Watermelon<input type = "checkbox" value = "watermelon">
Cherry<input type = "checkbox" value = "cherry">


Select multiple fruit which you like.


Next Lesson
    Blogger Comment
    Facebook Comment


Post a Comment