HTML Tutorial





Español Français 中文 Deutsch Portuguese Japanese nederlands
   
 
HTML Basic
Introduction
How To
HTML Tags
html, head, body
Text Manipulation
IMAGES
Special Effects
Using Tables
Forms
Other Topics
 

ADVANCED HTML
Introduction
Media
Meta Tag
Frame tags
Fieldset
Tooltip
DTD
Image tags
Subscript & Superscript
Bullet styles
Canvas
Other tags
Ask Your Doubts
More about HTML
Feedback
 




HTML Text Field Code


Tutorials Html

Topic

How to create a text field with default value in it?
How to set text field size in html?
How the make the text field form non-editable?



Explanation

Text Fields

Example Code:
<form name=myText>
<input type="text" name=myText value="Enter Your Name">
</form>


Result:

Definition:         A form should always begin and close with a "form" tag. The attribute "name" for form tag may be defined (e.g "name=myform"). However the name will be required only during form action's which will require php or any other server side scripting language. So we will see those things in our php tutorials.
Here we define the text field using "input" tag. we give a attribute called "TYPE=TEXT" inside the tag, which defines the type as a text field. The attribute "name" for input tag may be defined. The value which we want to be displayed in the textfield should be given using the attribute "value"( e.g: value=Enter)

Text Fields Size
We can set the size of the text field using the attribute "SIZE" as 'size=50'

Example Code:
<input type="text" name=myText value="Enter Your Name" size=50>

Result:

Non Editable Text Field
We can make a text field non editable or readonly (i.e user cant edit the filed) using the entry "readonly".

Example Code:
<input type="text" name=myText value="Enter Your Name" readonly>

Result:




Other Links

web hosting