Z{sH;; vmXK6W dwEmV"ifdݯGg] bi=_w_d#9qq^t_^^`݄G׾x8/Zig2ؓ}[&C޹GZM=uii<י<-ZpO$Ԭ^얻FGnz~t-hD\ i,!Izz.`Ҭ;Jbln,-vy%tނpە3v5b9G[µ 7 s PRLPhΐL]|Nq:wa\ֶZ阹#(7W\v\QwFļdYߚʉ%oH>c`nC\+qB%vofϩHvG@)T~ȇB9` #PPve M;,}˘ aW)@zq;g>:yok"CCBF|3 D r?bmf-F^q=qb;cO@h!=聟6)Si0*L|hT"B9\kXV%3! 4$Q,UO G W.̻N *\ ڶ+$8]~ӮJ oa͂8@;1Ŏufh/fPB#{< 83d:ȝ'SٶAڥ-1SA:Ҿh 5frٻڨސMOCqFOlK+HWihrPoV~- ]6ƾQ[fƾ=ٓnk]ؐxJ#hv l\z2*aKvW'@q6ZAMVK߸ABeY6q *eލ*5U졔@9਩]ENbW4:[:v-la3e<o'l?R`313H_kUvTa`wq#fB`z+6VlQ'=BDZ9Q:ѰSQX4Zhht qpfɨ(UA dzt1&B\K6G\Q`qو󮷃T^: ̲A5 mF6@DD2(o/egStj=/9LU۰:jb6SixIkqJ0!r{!(Όٸ3p]С;Y4cA.n;c/D@˺-<]X?<*w18Ό C_ؗ܅R@ĹPI3 yK)s Ub;9 \%W feWtGB&.8 2@6rt}D E+\ 18]D7=.NO#J8pCn+|glvHiT;1Gt:L8Oѕ/)pcov'x %O0C={9tLG)#E~v1S=7+1* 192x)kmqjCQ@8<4 6v(D CI[?[aA߿Ry%0 ̛3pgZ ]?/,;=3[`@ОP(}dsL&Sg @H&D8T!#H8  Lb} Hwt(r`DR0T"A[f#76^d.(*K!tɱ""09* IƉc{sW13R'brAɈCu9uv>oϕĽ?L)[D #v/c@P= ! '=xkEUFp,x:l3wPf~pp8_2rc78EXB~鸱xj\T\K5L\(Ϸp/#\0":/4D%gT5 TV8W/^?SeJ,:X3 V@g]ї)Ӈ.O?sC\?0>V|ڀl׀Ϊ۠Q>h藆u_65%\[;@ QkA`zԝq}Wy5CIBJ"iiE2HIˤccHy*I@%3ŝK’!SQA rw a;zI-

Introduction To HTML

Untitled Document

Forms in HTML

Forms and Input

HTML Forms are used to select different kinds of user input.

HTML Forms

HTML forms are used to pass data to a server. A form can contain input elements like text fields, checkboxes, radio-buttons, submit buttons and more. A form can also contain select lists, textarea, fieldset, legend, and label elements.

The <form> tag is used to create an HTML form:

<form>
.
input elements
.
</form>


HTML Forms - The Input Element

The most important form element is the input element. The input element is used to select user information.

An input element can vary in many ways, depending on the type attribute. An input element can be of type text field, checkbox, password, radio button, submit button, and more.

The most used input types are described below.

Text Fields

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

Example:

<html>

<body>

<form>
First name: <input type="text" name="firstname" /><br />
Last name: <input type="text" name="lastname" />
</form>

</html>

</body>

Output:

Password Field

<input type="password" /> defines a password field:

Example:

<html>

<body>

<form>
Password: <input type="password" name="pwd" />
</form>

</html>

</body>

Output:

 

Radio Buttons

<input type="radio" /> defines a radio button. Radio buttons let a user select ONLY ONE one of a limited number of choices:

Example:

<html>

<body>

<form>
<input type="radio" name="sex" value="male" /> Male<br />
<input type="radio" name="sex" value="female" /> Female
</form>

</body>

</html>

Output:


Checkboxes

<input type="checkbox" /> defines a checkbox. Checkboxes let a user select ONE or MORE options of a limited number of choices.

Example:

<html>

<body>

<form>
<input type="checkbox" name="vehicle" value="Bike" /> I am a pakistani <br />
<input type="checkbox" name="vehicle" value="Car" /> I love pakistan  
</form>

</html>

</body>

Output:

Submit Button

<input type="submit" /> defines a submit button.

A submit button is used to send form data to a server. The data is sent to the page specified in the form's action attribute. The file defined in the action attribute usually does something with the received input:

Example:

<html>

<body>

<form name="input" action="html_form_action.asp" method="get">
Username: <input type="text" name="user" />
<input type="submit" value="Submit" />
</form>

</body>

</html>

Output:

If you type some characters in the text field above, and click the "Submit" button, the browser will send your input to a page called "html_form_action.asp". The page will show you the received input.

HTML Form Tags

Tag Description
<form> Defines an HTML form for user input
<input /> Defines an input control
<textarea> Defines a multi-line text input control
<label> Defines a label for an input element
<fieldset> Defines a border around elements in a form
<legend> Defines a caption for a fieldset element
<select> Defines a select list (drop-down list)
<optgroup> Defines a group of related options in a select list
<option> Defines an option in a select list
<button> Defines a push button





Terms of Use | Our Team

VuGujranwala.com | Virtual Community (c) All rights reserved 2008-2013
Powered By: Eventual Solutions