Web forms

Introduction

There is a code HTML that allows to create a link on an address of E-mail. The only problem with this command is that the user should previously have supplied with the data to the Browser that he uses. He should supply his name, his address of E-mail
, the name of the server that he uses and possiblement the password to connect in his account of E-mail. There are occasions where the user reaches a site from another Poste that he did not enter this data. So, he can not join the person who put a link on a Web page. It's for that reason that you should always write the address with the link. For example, to join me, you can click the link roy.patrice@uqam.ca. You can also write on a scrap of paper the address and contact the person later.
The other way of passing on of the data through a Web page is a form. It's the series of instructions HTML that allow to communicate without having an address of E-mail. These instructions will be explained besides details of this page.

The elements in a form

The data supplied by the person that filled the form are kept in variables. There are several types of variables, or "input" in English, in the code HTML to answer various needs. The next part gives you a list of these variables as well as a short description. There is also a code HTML and options of each of it.
Text zoneImage of zone of text
Variable that you can enter of the text. You should determine the width by specifying the maximum of characters being able to enter the variable.
< INPUT Type = " text " Name = " Name of the variable. In your choice " Size = " Number of characters shown by the variable. Ex: 50 " Maxlenght = " maximal Size of characters " >
Type = " text " Type of variable text.
Name = " In your choice " give a name that represents its contents.
Size = " Figure that represents the length the variable " Optional. Determine the length the variable shown in the screen.
Maxlenght = " Figure that represents the maximum contents of the variable. " Optional. The maximal size of characters allows to determine that the variable can contain.
Text zone for passwords Image of a zone of text for password
This is a variant of the zone of text. It covers the text by asterisks (*). So, the contents are hidden from the screen. It was created for passwords.
< INPUT Type = " password " Name = " Name of the variable. In your choice " Size = " Number of characters shown by the variable. " Maxlenght = " maximal Size of characters " >

Type = " Password " Type of variable for passwords.
Name = " In your choice " give a name that represents its contents.
Size = " Figure that represents the length the variable " Optional. Determine the length the variable shown in the screen.
Maxlenght = " Figure that represents the maximum contents of the variable. " Optional. The maximal size of characters allows to determine that the variable can contain.
Multiple lines text zone (textarea ) Embellish with images zone of text with multiple line
Variable that one can enter several lines of text. It's especially used to let the readers leave comments. You determine the number of lines and the number of characters by line.
< INPUT Type = " Textarea " Name = " Name of the variable. In your choice " COLLARS = " Length the variable " ROWS = " Counts of lines of the variable " >
Type = " Textarea " Type of variable text with multiple line.
Name = " In your choice " give a name that represents its contents.
COLLARS = " Longeur of the variable " Figure that represents widths in number of characters.
ROWS = " Number of lines " Figure that represents the number of lines that will be shown.
Hook buttonImage of buttons hooks
This button is easy to understand and to use. It's ideal for situations Yes/No. She indicates if the user wants, agrees, chosen or not this option.
< INPUT Type = " Checkbox " Name = " Name of the variable. In your choice " Been worth = " Value of your choice when chosen " Checked = " Checked " >
Type = "Radio" Type of variable radio button.
Name = " In your choice " give a name that represents its contents.
Been worth = " Contained by your choice " This is the value or the text that will be sent when the option is chosen.
Checked = " checked " Optional. This indicates that there is a hook in the box and so chosen..
Radio buttonImage of buttons radios
This button indicates if yes or not the user wants this option. Several buttons radio can be used to give a list of possibilities to the user. It's enough to give the same name to each of the buttons radio but a different value. Only one of the buttons can be chosen at the same moment.
< INPUT Type = "Radio" Name = " Name of the variable. In your choice " Been worth = " Value of your choice Checked = " checked " >


Type = " Checkbox " Type of variable button with hook.
Name = " In your choice " give a name that represents its contents.
Been worth = " Contained by your choice " This is the value or the text that will be sent when the option is chosen.
Checked = " checked " Optional. This indicates that the button is chosen. Only one of button can have this option among a selection.
List of options Image of list of options
As for a radio button, the list of options is used when the user should choose among several possibilities. It's even more advantageous to use it for long lists of options; for a list of country for example.
< SELECT Name = " Name of the variable. In your choice " >
< Been worth Option = " Value of your choice " Selected = " selected " > Text of your choice < / option >
< Been worth Option = " the Other value of your choice " > the Other text of your choice < / option...
< / Select >
< Select > < / Select > Type of variable lists of choice.
<Option> < / option > Indicate(appoint) one of the selections of the list.
Been worth = " Value of your choice " This is the value that will be sent if the selection is chosen.
Selected = " Selected " Optional. This indicates(appoints) the selection that is chosen at first. The user can always change it a selection that answers better its needs.
The other list of options Image of a list of option
This is another kind of list of options that allows to the user to see several possibilities at the same moment. However, he can only choose it one.
< SELECT Name = " Name of the variable. In your choice " Multiple = "multiple" Size = " Number of visible lines " >
< Been worth Option = " Value of your choice " Selected = " selected " > Text of your choice < / option >
< Been worth Option = " the Other value of your choice " > the Other text of your choice < / option...
< / Select >
< Select > < / Select > Type of variable lists of choice.
Multiple = "multiple" A list of options demonstrating several possibilities indicates. At the same moment.
Size = " Number of visible lines " Figure that indicates the number of lines that will be visible in the screen.
<Option> < / option > Indicate(appoint) one of the selections of the list.
Been worth = " Value of your choice " This is the value that will be sent if the selection is chosen.
Selected = " Selected " Optional. This indicates(appoints) the selection that is chosen at first. The user can always change it a selection that answers better its needs.
Hidden field
Necessary data for the designer of the page or for the scripts CGI but for the readers of the Web page. So, this data is hidden from the sight of the readers.
< INPUT Type = " Hidden " Name = " Name of the variable. In your choice " Been worth = " Value of your choice " >
Send or Submit buttonImage of a button to pass on the contents of the form
This button transfer the contents of variables at the definite address of E-mail.
< INPUT Type = " Submit " Name = " Name of the variable. In your choice " Been worth = " Text writes on the button " >
Clear fields button to empty the contents of the fieldsImage of a button to empty the contents of a form
This button empties the contents of variables. This allow to begin again the entry of data.
< INPUT Type = " Reset " Name = " Name of the variable. In your choice " Been worth = " Text writes on the button " >
The options of the command < FORM >
It's not enough to have just variables. It's again necessary to know to whom to send these data and how this person wants to receive the data.
The actions: POST and MAILTO.
MAILTO: The reader of the Web page owes previously registers the coordinates in the Browser so that the form works. There is however a big limitation to this technique. The reader of the Web page should have to enter his coordinates the Browser (Name, address of E-mail, name of the server where is located its box of E-mail, name of the box, password).
POST: The data is sent to a "script" PERL or CGI who transfer them then to an address of E-mail.
Enctype? Subject=Nom of the line of the subject of the message
The scripts CGI, ASP, Perl
These scripts, the programming generally in language PERL, allows to automate certain tasks for a form. It's more often used " to clean the contents of a form ". When the contents of a form are sent, variables and contents are stuck together. Furthermore, spaces are replaced by one "+". This returns the reading of the difficult form without the use of a script. The scripts are also used to validate the contents of variables. For example, to make sure that certain compulsory variables are not empty.

The survey

Take a moment to fill the this form. Thanks to the advance.
What is your level of current schooling?

About how many years of experiences(experiments) you have in data processing?
years
Do you possess a computer at the house?
Yes No
If yes, for how many years you have a computer?
years
What are your knowledge in data processing in these categories?
Word processor Internet
Spreadsheet
Networks
Presentation software
Hardware
Data base


What is your e-mail address?

Have you any constructive comments to say about this site?


No comments:

Post a Comment