easyhits4you

The Most Popular Traffic Exchange

guidescollection

i want to know

hello everyone

i wanted to ask from the viewers

if ther any subject thet you read and want continue reading and its not completed yet please let me know by comment or email

or if ther any subject thet you want me to add pls let me know

Saturday, March 10, 2012

C LANGUAGE TUTORIAL 12.Dynamic Allocation

12 Dynamic Allocation

12.1 What Is Dynamic Allocation?

Dynamic allocation is very intimidating to a person the first time he comes across it, but that
need not be. Simply relax and read this chapter carefully and you will have a good grounding
in a very valuable programming resource. All of the variables in every program up to this point
have been static variables as far as we are concerned. (Actually, some of them have been
"automatic" and were dynamically allocated for you by the system, but it was transparent to
you.) In this chapter, we will study some dynamically allocated variables. They are simply
variables that do not exist when the program is loaded, but are created dynamically as they are
needed. It is possible, using these techniques, to create as many variables as needed, use them,
and deallocate their space for use by other variables. As usual, the best teacher is an example,
so load and display the program named dynlist.c.

main( )
{
struct animal {
char name[25];
char breed[25];
int age;
   } *pet1, *pet2, *pet3;
pet1 = (struct animal *)malloc(sizeof(struct animal));
strcpy(pet1->name,"General");
strcpy(pet1->breed,"Mixed Breed");
pet1->age = 1;
pet2 = pet1; /* pet 2 now points to the above data structure */
pet1 = (struct animal *)malloc(sizeof(struct animal));
strcpy(pet1->name,"Frank");
strcpy(pet1->breed,"Labrador Retriever");
pet1->age = 3;
pet3 = (struct animal *)malloc(sizeof(struct animal));
strcpy(pet3->name,Krystal");
strcpy(pet3->breed,German Shepard");
pet3->age = 4;
/*   now print out the data described above /*
printf("%s is a %s, and is %d years old.\n",pet1->name,pet1->breed,
pet1->age);
printf("%s is a %s, and is %d years old.\n",pet2->name,pet2->breed,
pet2->age);
printf("%s is a %s and is %d years old.\n",pet3->name,pet3->breed,
pet3->age);
pet1 = pet3; /* pet1 now points to the same structure that
pet3 points to */
free(pet3); /* this frees up one structure */
free(pet2); /* this frees up one more structure */
/*   free(pet1); this cannot be done,see explanation in text */
}

We begin by defining a named structure "animal" with a few fields pertaining to dogs. We do
not define any variables of this type, only three pointers. If you search through the remainder
of the program, you will find no variables defined so we have nothing to store data in. All we
have to work with are three pointers, each of which point to the defined structure. In order to
do anything, we need some variables, so we will create some dynamically.

12.2 Dynamic Variable Creation

The first program statement, which assigns something to the pointer "pet1" will create a dynamic
structure containing three variables. The heart of the statement is the "malloc" function buried
in the middle of the statement. This is a "memory allocate" function that needs the other things
to completely define it. The "malloc" function, by default, will allocate a piece of memory on
a "heap" that is "n" characters in length and will be of type character. The "n" must be specified
as the only argument to the function. We will discuss "n" shortly, but first we need to define a
"heap".

12.3 What Is A Heap?

Every compiler has a set of limitations on it as to how big the executable file can be, how many
variables can be used, how long the source file can be, etc. In the 1616, the major limit is your
total memory of 512k (or 4.5 megabyte, or whatever).

One limitation placed on users by many compilers for the IBM-PC and compatibles is a limit
of 64K for the executable code. This is because the IBM-PC uses a microprocessor with a 64K
segment size, and it requires special calls to use data outside of a single segment. In order to
keep the program small and efficient, these calls are not used, and the size is limited but still
adequate for most programs. This limitation does not apply to 1616/OS users, as the Motorola
68000 has a flat memory space of 16 megabyte.

A heap is an area which can be accessed by the program to store data and variables. The data
and variables are put on the "heap" by the system as calls to "malloc" are made. The system
keeps track of where the data is stored. Data and variables can be deallocated as desired leading
to holes in the heap. The system knows where the holes are and will use them for additional
data storage as more "malloc" calls are made. The structure of the heap is therefore a very
dynamic entity, changing constantly. Refer to your 1616/OS Programmers Manual for more
details of memory allocation in the 1616.

12.4 More About Segments

This section applies only to MS-DOS users, and is a consequence of the brain damaged segmented design of the Intel 8086 processor. The design was forced upon Intel by a commercial
requirement that they remain semi-compatible with their first microprocessors, the 8008 and
8080. This segmentation forces a choice of memory models on MS-DOS users, which their
compilers try to make somewhat easier. This limitation was only overcome with the release of
Intel 80386 and later processors, which can have large segments.

Some of the more expensive compilers give the user a choice of memory models to use. Examples
are Lattice and Microsoft, which allow the programmer a choice of using a model with a 64K
limitation on program size but more efficient running, or using a model with a 640K limitation
and requiring longer address calls leading to less efficient addressing. Using the larger address
space requires inter segment addressing resulting in the slightly slower running time. The time
is probably insignificant in most programs, but there are other considerations.

If an MS-DOS program uses no more than 64K bytes for the total of its code and memory and
if it doesn’t use a stack, it can be made into a .com file. Since a .com file is already in a
memory image format, it can be loaded very quickly whereas a file in a .exe format must have
its addresses relocated as it is loaded. Therefore a small memory model can generate a program
that loads faster than one generated with a larger memory model. Don’t let this worry you, it
is a fine point that few programmers worry about.

Using dynamic allocation, it is possible to store the data on the "heap" and that may be enough
to allow you to use the small memory model. Of course, you wouldn’t store local variables
such as counters and indexes on the heap, only very large arrays or structures.
Even more important than the need to stay within the small memory model is the need to stay
within the computer. If you had a program that used several large data storage areas, but not at
the same time, you could load one block storing it dynamically, then get rid of it and reuse the
space for the next large block of data. Dynamically storing each block of data in succession,
and using the same storage for each block may allow you to run your entire program in the
computer without breaking it up into smaller programs.

12.5 Back To The "Malloc" Function

Hopefully the above description of the "heap" and the overall plan for dynamic allocation helped
you to understand what we are doing with the "malloc" function. It simply asks the system for
a block of memory of the size specified, and gets the block with the pointer pointing to the first
element of the block. The only argument in the parentheses is the size of the block desired and
in our present case, we desire a block that will hold one of the structures we defined at the
beginning of the program. The "sizeof" is a new function, new to us at least, that returns the
size in bytes of the argument within its parentheses. It therefore, returns the size of the structure
named animal, in bytes, and that number is sent to the system with the "malloc" call. At the
completion of that call, we have a block on the heap allocated to us, with pet1 pointing to the
first byte of the block.

12.6 What Is A Cast?

We still have a funny looking construct at the beginning of the "malloc" function call. That is
called a "cast". The "malloc" function returns a block with the pointer pointing to it being a
pointer of type "char" by default. Many times, if not most, you do not want a pointer to a "char"
type variable, but to some other type. You can define the pointer type with the construct given
on the example line. In this case we want the pointer to point to a structure of type "animal",
so we tell the compiler with this strange looking construct. Even if you omit the cast, most
compilers will return a pointer correctly, give you a warning, and go on to produce a working
program. It is better programming practice to provide the compiler with the cast to prevent
getting the warning message.

12.7 Using The Dynamically Allocated Memory Block

If you remember our studies of structures and pointers, you will recall that if we have a structure
with a pointer pointing to it, we can access any of the variables within the structure. In the next
three lines of the program, we assign some silly data to the structure for illustration. It should
come as no surprise to you thatthese assignmentstatements look justlike assignments to statically
defined variables.

In the next statement, we assign the value of "pet1" to "pet2" also. This creates no new data,
we simply have two pointers to the same object. Since "pet2" is pointing to the structure we
created above, "pet1" can be reused to get another dynamically allocated structure which is just
what we do next. Keep in mind that "pet2" could have just as easily been used for the new
allocation. The new structure is filled with silly data for illustration.

Finally, we allocate another block on the heap using the pointer "pet3", and fill its block with
illustrative data.

Printing the data out should pose no problem to you since there is nothing new in the three print
statements. It is left for you to study.

12.8 Getting Rid Of The Dynamically Allocated Data

Another new function is used to get rid of the data and free up the space on the heap for reuse,
the function "free". To use it, you simply call it with the pointer to the block as the only argument,
and the block is deallocated.

In order to illustrate another aspect of the dynamic allocation and deallocation of data, an
additional step is included in the program on your monitor. The pointer "pet1" is assigned the
value of "pet3". In doing this, the block that "pet1" was pointing to is effectively lost since there
is no pointer that is now pointing to that block. It can therefore never again be referred to,
changed, or disposed of. That memory, which is a block on the heap, is wasted from this point
on. This is not something that you would ever purposely do in a program. It is only done here
for illustration.

The first "free" function call removes the block of data that "pet1" and "pet3" were pointing to,
and the second "free" call removes the block of data that "pet2" was pointing to. We therefore
have lost access to all of our data generated earlier. There is still one block of data that is on
the heap but there is no pointer to it since we lost the address to it. Trying to "free" the data
pointed to by "pet1" would result in an error because it has already been "freed" by the use of
"pet3". There is no need to worry, when we return to the OS, the entire heap will be disposed
of with no regard to what we have put on it. The point does need to made that losing a pointer
to a block of the heap, forever removes that block of data storage from our program and we may
need that storage later.

Compile and run the program to see if it does what you think it should do based on this discussion.

12.9 That Was A Lot Of Discussion

It took nearly four pages to get through the discussion of the last program but it was time well
spent. It should be somewhat exciting to you to know that there is nothing else to learn about
dynamic allocation, the last four pages covered it all. Of course, there is a lot to learn about the
technique of using dynamic allocation, and for that reason, there are two more files to study.

But the fact remains, there is nothing more to learn about dynamic allocation than what was
given so far in this chapter.

12.10 An Array Of Pointers

Load and display the filebigdynl.cfor another example of dynamic allocation. This program
is very similar to the last one since we use the same structure, but this time we define an array
of pointers to illustrate the means by which you could build a large database using an array of
pointers rather than a single pointer to each element. To keep it simple we define 12 elements
in the array and another working pointer named "point".

main( )
{
struct animal {
    char  name[25];
    char  breed[25];
    int age;
} *pet[12],  *point;          /*this defines 13 pointers,no variables */
int index;
/* first, fill the dynamic structures with nonsense */
    for (index = 0;index < 12;index++) {
       pet[index] = (struct animal *)malloc(sizeof(struct animal));
       strcpy(pet[index]->name,"General");
       strcpy(pet[index]->breed,"Mixed Breed");
       pet[index]->age = 4;
    }
 pet[4]->age = 12;            /* these lines are simply to    */
    pet[5]->age = 15;            /* put some nonsense data into  */
    pet[6]->age = 10;            /* a few of the fields.         */
         /* now prints out the data described above */
    for (index = 0;index <12;index++) {
       point = pet[index];
       printf("%s is a %s, and is %d years old.\n", point->name,
              point->breed, point->age);
}
              /* good programming practice dictates that we free up the  */
              /* dynamically  allocated space  before we quit.           */
    for (index = 0;index < 12;index++)
       free(pet[index]);
}

The "*pet[12]" is new to you so a few words would be in order. What we have defined is an
array of 12 pointers, the first being "pet[0]", and the last "pet[11]". Actually, since an array is
itself a pointer, the name "pet" by itself is a pointer to a pointer. This is valid in C, and in fact
you can go farther if needed but you will get quickly confused. I know of no limit as to how
many levels of pointing are possible, so a definition such as "int ****pt" is legal as a pointer to
a pointer to a pointer to a pointer to an integer type variable, if I counted right. Such usage is
discouraged until you gain considerable experience.

Now that we have 12 pointers which can be used like any other pointer, it is a simple matter to
write a loop to allocate a data block dynamically for each and to fill the respective fields with
any data desirable. In this case, the fields are filled with simple data for illustrative purposes,
but we could be reading in a database, readings from some test equipment, or any other source
of data.

A few fields are randomly picked to receive other data to illustrate that simple assignments can
be used, and the data is printed out to the monitor. The pointer "point" is used in the printout
loop only to serve as an illustration, the data could have been easily printed using the "pet[n]"
means of definition. Finally, all 12 blocks of data are freed before terminating the program.
Compile and run this program to aid in understanding this technique. As stated earlier, there
was nothing new here about dynamic allocation, only about an array of pointers.

12.11 A Linked List

We finally come to the grandaddy of all programming techniques as far as being intimidating.
Load the program dynlink.c for an example of a dynamically allocated linked list. It sounds
terrible, but after a little time spent with it, you will see that it is simply another programming
technique made up of simple components that can be a powerful tool.

#include "stdio.h" /* this is needed only to define the NULL */
#define RECORDS 6
main( )
{
struct animal {
char name[25]; /* The animals name */
char breed[25]; /* The type of animal */
int age;     /* The animals age */
struct animal *next;      /* a pointer to another record of this type */
} *point, *start, *prior; /* this defines 3 pointers, no variables */
int index;
 /* the first record is always a special case */
start = (struct animal *)malloc(sizeof(struct animal));
strcpy(start ->name,"general");
strcpy(start ->breed,"Mixed Breed");
start->next = NULL;
prior = start;
/* a loop can be used to fill in the rest once it is started */
for (index = 0;index < RECORDS;index++) {
point = (struct animal *)malloc(sizeof(struct animal));
strcpy(point->name,"Frank");
strcpy(point->breed,"Laborador Retriever");
point->age = 3;
point->next = point /* point last "next" to this record */
point->next = NULL; /* point this "next" to NULL */
prior = point; /* this is now the prior record */
}
/* now print out the data described above  */
point = start;
do {
prior = point->next;
printf("%s is a %s,and is %d years old.\n", point->name,
point->breed, point->age);
point = point->next;
} while (prior  != NULL);
/* good programming practice dictates that we free up the */
/* dynamically allocated space before we quit */
point = start;     /* first block of group */
do {
prior = point->next; /* next block of data */
free(point); /* free present block */
point = prior; /* point to next */
   } while (prior != NULL); /* quit when next is NULL */
}

In order to set your mind at ease, consider the linked list you used when you were a child. Your
sister gave you your birthday present, and when you opened it, you found a note that said, "Look
in the hall closet." You went to the hall closet, and found another note that said, "Look behind
the TV set." Behind the TV you found another note that said, "Look under the coffee pot." You
continued this search, and finally you found your pair of socks under the dogs feeding dish.

What you actually did was to execute a linked list, the starting point being the wrapped present
and the ending point being under the dogs feeding dish. The list ended at the dogs feeding dish
since there were no more notes.

In the program dynlink.c, we will be doing the same thing as your sister forced you to do.
We will however, do it much faster and we will leave a little pile of data ateach of the intermediate
points along the way. We will also have the capability to return to the beginning and retraverse
the entire list again and again if we so desire.

12.12 The Data Definitions

This program starts similarly to the last two with the addition of the definition of a constant to
be used later. The structure is nearly the same as that used in the last two programs except for
the addition of another field within the structure, the pointer. This pointer is a pointer to another
structure of this same type and will be used to point to the next structure in order. To continue
the above analogy, this pointer will point to the next note, which in turn will contain a pointer
to the next note after that.

We define three pointers to this structure for use in the program, and one integer to be used as
a counter, and we are ready to begin using the defined structure for whatever purpose we desire.
In this case, we will once again generate nonsense data for illustrative purposes.

12.13 The First Field

Using the "malloc" function, we request a block of storage on the "heap" and fill it with data.
The additional field in this example, the pointer, is assigned the value of NULL, which is only
used to indicate that this is the end of the list. We will leave the pointer "start" at this structure,
so that it will always point to the first structure of the list. We also assign "prior" the value of
"start" for reasons we will see soon. Keep in mind that the end points of a linked list will always
have to be handled differently than those in the middle of a list. We have a single element of
our list now and it is filled with representative data.

12.14 Filling Additional Structures

The next group of assignments and control statements are included within a "for" loop so we
can build our list fast once it is defined. We will go through the loop a number of times equal
to the constant "RECORDS" defined at the beginning of our program. Each time through, we
allocate memory, fill the first three fields with nonsense, and fill the pointers. The pointer in
the last record is given the address of this new record because the "prior" pointer is pointing to
the prior record. Thus "prior->next" is given the address of the new record we have just filled.

The pointer in the new record is assigned the value "NULL", and the pointer "prior" is given
the address of this new record because the next time we create a record, this one will be the prior
one at that time. That may sound confusing but it really does make sense if you spend some
time studying it.

When we have gone through the "for" loop 6 times, we will have a list of 7 structures including
the one we generated prior to the loop. The list will have the following characteristics.

1. "start" points to the first structure in the list.
2. Each structure contains a pointer to the next structure.
3. The last structure has a pointer that points to NULL and can be used to detect the end
as shown below.

start->struct1 name breed age point->struct2 name breed age
point->struct3 name breed age point-> . . . . struct7 name breed age
point->NULL
It should be clear to you, if you understand the above structure, that it is not possible to simply
jump into the middle of the structure and change a few values. The only way to get to the third
structure is by starting at the beginning and working your way down through the structure one
record at a time. Although this may seem like a large price to pay for the convenience of putting
so much data outside of the program area, it is actually a very good way to store some kinds of
data.

A word processor would be a good application for this type of data structure because you would
never need to have random access to the data. In actual practice, this is the basic type of storage
used for the text in a word processor with one line of text per record. Actually, a program with
any degree of sophistication would use a doubly linked list. This would be a list with two
pointers per record, one pointing down to the next record, and the other pointing up to the record
just prior to the one in question. Using this kind of a record structure would allow traversing
the data in either direction.

12.15 Printing The Data Out

To print the data out, a similar method is used as that used to generate the data. The pointers
are initialized and are then used to go from record to record reading and displaying each record
one at a time. Printing is terminated when the NULL on the last record is found, so the program doesn’t even need to know how many records are in the list. Finally, the entire list is deleted
to make room in memory for any additional data that may be needed, in this case, none. Care
must be taken to assure that the last record is not deleted before the NULL is checked. Once
the data is gone, it is impossible to know if you are finished yet.

12.16 More About Dynamic Allocation And Linked Lists

It is not difficult, and it is not trivial, to add elements into the middle of a linked lists. It is
necessary to create the new record, fill it with data, and point its pointer to the record it is desired
to precede. If the new record is to be installed between the 3rd and 4th, for example, it is
necessary for the new record to point to the 4th record, and the pointer in the 3rd record must
point to the new one. Adding a new record to the beginning or end of a list are each special
cases. Consider what must be done to add a new record in a doubly linked list.
Entire books are written describing different types of linked lists and how to use them, so no
further detail will be given. The amount of detail given should be sufficient for a beginning
understanding of C and its capabilities.

12.17 Another New Function - Calloc

One more function must be mentioned, the "calloc" function. This function allocates a block
of memory and clears it to all zeros which may be useful in some circumstances. It is similar
to "malloc" and will be left as an exercise for you to read about and use "calloc" if you desire.

12.18 Programming Exercises

1. Rewrite the example program struct1.c from chapter 11 to dynamically allocate the two
structures.
2. Rewrite the example program struct2.c from chapter 11 to dynamically allocate the 12
structures.







Wednesday, March 7, 2012

HTML Iframes

HTML Iframes


An iframe is used to display a web page within a web page.


Syntax for adding an iframe:
<iframe src="URL"></iframe>
The URL points to the location of the separate page.

Iframe - Set Height and Width

The height and width attributes are used to specify the height and width of the iframe.
The attribute values are specified in pixels by default, but they can also be in percent (like "80%").

Example

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

Try it yourself »


Iframe - Remove the Border

The frameborder attribute specifies whether or not to display a border around the iframe.
Set the attribute value to "0" to remove the border:

Example

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

Try it yourself »


Use iframe as a Target for a Link

An iframe can be used as the target frame for a link.
The target attribute of a link must refer to the name attribute of the iframe:

Example

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>

Try it yourself »


HTML iframe Tag

TagDescription
<iframe>Defines an inline sub window (frame)

HTML Frames

HTML Frames


With frames, several Web pages can be displayed in the same browser window.
ATTENTION. Do not expect frames to be supported in future versions of HTML.

Examples

Try-It-Yourself Examples

Vertical frameset
How to make a vertical frameset with three different documents.
Horizontal frameset
How to make a horizontal frameset with three different documents.
(You can find more examples at the bottom of this page)

HTML Frames

With frames, you can display more than one HTML document in the same browser window. Each HTML document is called a frame, and each frame is independent of the others.
The disadvantages of using frames are:
  • Frames are not expected to be supported in future versions of HTML
  • Frames are difficult to use. (Printing the entire page is difficult).
  • The web developer must keep track of more HTML documents

The HTML frameset Element

The frameset element holds one or more frame elements. Each frame element can hold a separate document.
The frameset element states HOW MANY columns or rows there will be in the frameset, and HOW MUCH percentage/pixels of space will occupy each of them.

The HTML frame Element

The <frame> tag defines one particular window (frame) within a frameset.
In the example below we have a frameset with two columns.
The first column is set to 25% of the width of the browser window. The second column is set to 75% of the width of the browser window. The document "frame_a.htm" is put into the first column, and the document "frame_b.htm" is put into the second column:
<frameset cols="25%,75%">
   <frame src="frame_a.htm" />
   <frame src="frame_b.htm" />
</frameset>
Note: The frameset column size can also be set in pixels (cols="200,500"), and one of the columns can be set to use the remaining space, with an asterisk (cols="25%,*").

Basic Notes - Useful Tips

Tip: If a frame has visible borders, the user can resize it by dragging the border. To prevent a user from doing this, you can add noresize="noresize" to the <frame> tag.
Note: Add the <noframes> tag for browsers that do not support frames.
Important: You cannot use the <body></body> tags together with the <frameset></frameset> tags! However, if you add a <noframes> tag containing some text for browsers that do not support frames, you will have to enclose the text in <body></body> tags! See how it is done in the first example below.

Examples

More Examples

How to use the <noframes> tag
How to use the <noframes> tag (for browsers that do not support frames).
Nested framesets
How to create a frameset with three documents, and how to mix them in rows and columns.
Frameset with noresize="noresize"
How to use the noresize attribute. Move the mouse over the borders between the frames and notice that you cannot move the borders.
Navigation frame
How to make a navigation frame. The navigation frame contains a list of links with the second frame as the target. The file called "tryhtml_contents.htm" contains three links. The source code of the links:
<a href ="frame_a.htm" target ="showframe">Frame a</a><br>
<a href ="frame_b.htm" target ="showframe">Frame b</a><br>
<a href ="frame_c.htm" target ="showframe">Frame c</a>
The second frame will show the linked document.
Jump to a specified section within a frame
Two frames. One of the frames has a source to a specified section in a file. The specified section is made with <a name="C10"> in the "link.htm" file.
Jump to a specified section with frame navigation
Two frames. The navigation frame (content.htm) to the left contains a list of links with the second frame (link.htm) as a target. The second frame shows the linked document. One of the links in the navigation frame is linked to a specified section in the target file. The HTML code in the file "content.htm" looks like this: <a href ="link.htm" target ="showframe">Link without Anchor</a><br><a href ="link.htm#C10" target ="showframe">Link with Anchor</a>.

HTML Frame Tags

TagDescription
<frameset>Defines a set of frames
<frame />Defines a sub window (a frame)
<noframes>Defines a noframe section for browsers that do not handle frames

HTML Forms and Input

HTML Forms and Input


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

Examples

Try it Yourself - Examples

Create text fields
How to create text fields. The user can write text in a text field.
Create password field
How to create a password field.
(You can find more examples at the bottom of this page)

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:
<form>
First name: <input type="text" name="firstname" /><br />
Last name: <input type="text" name="lastname" />
</form>
How the HTML code above looks in a browser:
First name: 
Last name: 
Note: The form itself is not visible. Also note that the default width of a text field is 20 characters. 

Password Field

<input type="password" /> defines a password field:
<form>
Password: <input type="password" name="pwd" />
</form>
How the HTML code above looks in a browser:
Password: 
Note: The characters in a password field are masked (shown as asterisks or circles). 

Radio Buttons

<input type="radio" /> defines a radio button. Radio buttons let a user select ONLY ONE of a limited number of choices:
<form>
<input type="radio" name="sex" value="male" /> Male<br />
<input type="radio" name="sex" value="female" /> Female
</form>
How the HTML code above looks in a browser:
 Male
 Female

Checkboxes

<input type="checkbox" /> defines a checkbox. Checkboxes let a user select ONE or MORE options of a limited number of choices.
<form>
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br />
<input type="checkbox" name="vehicle" value="Car" /> I have a car
</form>
How the HTML code above looks in a browser:
 I have a bike
 I have a car

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:
<form name="input" action="html_form_action.asp" method="get">
Username: <input type="text" name="user" />
<input type="submit" value="Submit" />
</form>
How the HTML code above looks in a browser:
Username:  
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.

Try it More Input Examples

Radio buttons
How to create radio buttons.
Checkboxes
How to create checkboxes. A user can select or unselect a checkbox.
Simple drop-down list
How to create a simple drop-down list.
Drop-down list with a pre-selected value
How to create a drop-down list with a pre-selected value.
Textarea
How to create a multi-line text input control. In a text-area the user can write an unlimited number of characters.
Create a button
How to create a button.

Try it Form Examples

Fieldset around form-data
How to create a border around elements in a form.
Form with text fields and a submit button
How to create a form with two text fields and a submit button.
Form with checkboxes
How to create a form with two checkboxes and a submit button.
Form with radio buttons
How to create a form with two radio buttons, and a submit button.
Send e-mail from a form
How to send e-mail from a form.

HTML Form Tags

TagDescription
<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