Beyond 2000 HTML Forms Codes

Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page

I
M
R
A
N

D
E
S
I
G
N
S

HTML Form tags Page QUICK NAVIGATION
CHOOSE WHAT DO YOU WANT TO KNOW THEN CLICK GO!

I
M
R
A
N

D
E
S
I
G
N
S

Input text Box
Coding	Results
<FORM><INPUT TYPE="text" NAME="Name"></FORM>

Change the size of the text input box
Coding	Results
<FORM><INPUT TYPE="text" NAME="Name" SIZE=10></FORM> <FORM><INPUT TYPE="text" NAME="Name" SIZE=12></FORM> <FORM><INPUT TYPE="text" NAME="Name" SIZE=14></FORM> <FORM><INPUT TYPE="text" NAME="Name" SIZE=16></FORM>

Set the Number of characters user can enter
Coding	Results
<font size=-2> Try to input more than 4 characters <FORM><INPUT TYPE="text" NAME="Name" SIZE=18 MAXLENGTH=4></FORM> Try to input more than 6 characters <FORM><INPUT TYPE="text" NAME="Name" SIZE=15 MAXLENGTH=6></FORM> Try to input more than 8 characters <FORM><INPUT TYPE="text" NAME="Name" SIZE=15 MAXLENGTH=8></FORM> Try to input more than 10 characters <FORM><INPUT TYPE="text" NAME="Name" SIZE=15 MAXLENGTH=10></FORM> </font>	Try to input more than 4 characters Try to input more than 6 characters Try to input more than 8 characters Try to input more than 10 characters

Color text input box
Coding	Results
<FORM><INPUT TYPE="text" STYLE="background: #FFCCCC"></FORM> <FORM><INPUT TYPE="text" STYLE="background: #FFFFCC"></FORM> <FORM><INPUT TYPE="text" STYLE="background: #0000FF"></FORM> <FORM><INPUT TYPE="text" STYLE="background: #00FF00"></FORM>

How to make password fild
Coding	Results
<INPUT type="password" name="password" size=7 maxlength=9>	Password code disable the view of characters and display stars when you type some thing in password box try it!

Check Box
Coding	Results
<FORM><INPUT TYPE="checkbox" NAME="background">Background</FORM>	Background

Check boxes form
Coding	Results
<FORM METHOD="POST" ACTION="mailto:kimran49@hotmail.com" ENCTYPE="text/plain"> <P> Which section you like <BR> <INPUT TYPE="checkbox" NAME="choice" VALUE="Backgrounds">Backgrounds.<BR> <INPUT TYPE="checkbox" NAME="choice" VALUE="Clipart">Clipart.<BR> <INPUT TYPE="checkbox" NAME="choice" VALUE="Music">Music.<BR><BR> <input type="submit" value="Send"> <input type="reset" value="Oops"> </FORM>	Which section you like Backgrounds. Clipart. Music.

Radio button
Coding	Results
<FORM><INPUT TYPE="radio" NAME="Music"></FORM>

Radio button form
Coding	Results
<FORM METHOD="POST" ACTION="mailto:kimran49@hotmail.com" ENCTYPE="text/plain"><P>Which section you like<BR><INPUT TYPE="radio" NAME="choice" VALUE="Backgrounds">Backgrounds.<BR><INPUT TYPE="radio" NAME="choice" VALUE="Clipart">Clipart.<BR><INPUT TYPE="radio" NAME="choice" VALUE="Music">Music.<BR><BR><input type="submit" value="I am ready"><input type="reset" value="Oh boy"> </FORM>	Which section you like Backgrounds. Clipart. Music.

Drop Down List
Coding	Results
<SELECT NAME="section"><OPTION VALUE="background">background<OPTION VALUE="Music">Music <OPTION VALUE="Clipart">Clipart<OPTION VALUE="News Paper">News Paper<OPTION VALUE="HTML Help">HTML Help</SELECT>

Drop Down List form
Coding	Results
<FORM METHOD="POST" ACTION="mailto:kimran49@hotmail.com" ENCTYPE="text/plain"><SELECT NAME="section"><OPTION VALUE="background">background<OPTION VALUE="Music">Music<OPTION VALUE="Clipart">Clipart<OPTION VALUE="News Paper">News Paper<OPTION VALUE="HTML Help">HTML Help</SELECT><input type="submit" value="Done"><input type="reset" value="Clear"></form>

Scrolling List
Coding	Results
<SELECT NAME="Section" SIZE=3><OPTION VALUE="background">background<OPTION VALUE="Music">Music <OPTION VALUE="Clipart">Clipart<OPTION VALUE="News Paper">News Paper<OPTION VALUE="HTML Help">HTML Help</SELECT>

How to make text area
Coding	Results
<textarea name="variable name" rows="3" cols="40">

How to make form button
Coding	Results
<input type="submit" value="Send"><input type="reset" value="Clear">

Change the text on form button
Coding	Results
<INPUT TYPE="submit" VALUE="Press me to send form "><br><INPUT TYPE="reset" VALUE="Press me to Clear form">

Change the text color on the button
Coding	Results
<INPUT TYPE="button" VALUE="Color text on button" NAME="Color text on button" STYLE="color: #FFFFFF"><BR> <INPUT TYPE="button" VALUE="Color text on button" NAME="Color text on button" STYLE="color: #CCFF00"><BR> <INPUT TYPE="button" VALUE="Color text on button" NAME="Color text on button" STYLE="color: #0000FF"><BR> <INPUT TYPE="button" VALUE="Color text on button" NAME="Color text on button" STYLE="color: #FF0000">

Change the text and background color on button
Coding	Results
<center> <INPUT Type="Submit" Value="Submit" style="background-color:black; color :gold; font-family : "helvetica,arial";"> <INPUT Type= "reset" Value="Clear form" style="background-color:black; color :gold; font-family : "helvetica,arial";"> <br> <INPUT Type="Submit" Value="Submit" style="background-color:white; color :blue; font-family : "helvetica,arial";"> <INPUT Type= "reset" Value="Clear form" style="background-color:white; color :blue; font-family : "helvetica,arial";"> <br> <INPUT Type="Submit" Value="Submit" style="background-color:#FFCDCD; color :#0000FF; font-family : "helvetica,arial";"> <INPUT Type= "reset" Value="Clear form" style="background-color:#FFCDCD; color :#0000FF; font-family : "helvetica,arial";"> <br> <INPUT Type="Submit" Value="Submit" style="background-color:#000000; color :#0000FF; font-family : "helvetica,arial";"> <INPUT Type= "reset" Value="Clear form" style="background-color:#000000; color :#0000FF; font-family : "helvetica,arial";"> </center>

How to make Link button
Coding	Results
<font size=-1 color =#0000ff>Try these button</font><br> <INPUT type="button" value="Go to Table page " onClick="location. href='table.html'"><br> <INPUT type="button" value="Go to Codes page" onClick="location. href='codes.html'"><br> <INPUT type="button" value="Go to Basic HTML" onClick="location. href='bhtml.html'"><br> <INPUT type="button" value="Go to color codes " onClick="location. href='color.html'">	Try these button

How to make button to change text color
Coding	Results
<FORM> <INPUT TYPE="button" VALUE="Blue" ONCLICK="document.fgColor='Blue'"><BR> <INPUT TYPE="button" VALUE="Pink " ONCLICK="document.fgColor='Pink'"><BR> <INPUT TYPE="button" VALUE="Gold" ONCLICK="document.fgColor='Gold'"><BR> <INPUT TYPE="button" VALUE="Gray" ONCLICK="document.fgColor='Gray'"><BR> <INPUT TYPE="button" VALUE="Cyan" ONCLICK="document.fgColor='Cyan'"> </FORM>

How to make file upload input box
Coding	Results
<INPUT TYPE=FILE NAME="myfile">

Back to main menu
Update: Never