Presentation is loading. Please wait.

Presentation is loading. Please wait.

1 Review of Form Elements. 2 The tag Used in between tags.  Form elements(text control, buttons, etc.. ) goes here. OR  Form elements(text control,

Similar presentations


Presentation on theme: "1 Review of Form Elements. 2 The tag Used in between tags.  Form elements(text control, buttons, etc.. ) goes here. OR  Form elements(text control,"— Presentation transcript:

1 1 Review of Form Elements

2 2 The tag Used in between tags.  Form elements(text control, buttons, etc.. ) goes here. OR  Form elements(text control, buttons, etc.. ) goes here.

3 3 The tag The name of the form is important if you will validate the inputs on the client side. The form elements will be reached using the from name as reference. The action attribute is used to load another page. When user submits this form the submission will be made to the page where the name of the page is specified using action attribute.

4 4 The tag The method attribute is very important.  We have two methods get and post. Get  The information will be submitted using the address bar(via URL). http://www.emu.edu.tr/x.php?name=Emre&gender=male Post  The information will be submitted as a hidden message(through the HTTP headers). http://www.emu.edu.tr/x.php This is not the only difference, the amount of information that will be submitted by get is limited.  You can not use a form to upload a file which uses get method.

5 5 The tag  Form elements(text control, buttons, etc.. ) goes here.  Form elements(text control, buttons, etc.. ) goes here. enctype  Could be used to specify the MIME encoding type of the data submitted to the server for processing. If you will upload a file enctype must be “multipart/form-data” If you will just submit some information gathered from text controls then text/plain could be used. Text/plain is the default if you do not specify any other.

6 6 The tag All elements used in between tags.  size indicates the size of the control.(appearance on the page)  maxlength indicates the maximum number of characters that can be inserted.  Value Default text that will be displayed when the page loaded.  name The name will be the id of the information sent.  type=“text” places a textbox control onto the form.

7 7 The tag  type=“password” displays a textbox on the form. All characters typed by the user will either be hidden or masked.

8 8 The tag  is not visible  type=“hidden” Places a value into the form that is not (visible) seen by the user. It is usually used when information must be passed from one page to another but does not need to be seen or edited by the user.

9 9 The tag Text_to_display  type=“radio” this type places one or more radio buttons onto the form. All radio buttons belonging to the same group should have the same name. Large Small Average  Checked This parameter sets this radio button to checked. (Selected by default)  value is the information that will be submitted  At a time only one of them could be selected from a group.

10 10 The tag Text_to_display  type=“checkbox” this type places a checkbox onto the form. Each checkbox uses a different name. Large Small Average  Checked This parameter sets this item as checked. (checked by default)  value is the information that will be submitted  At a time any number of them could be selected.

11 11 The tag  Type=“button” This type places a button on the form  Value This sets the text displayed on the buton  Individually buttons are meaningless, with JavaScript/VBScript we will give them the life.(calling some functions, calculating and returning some results )

12 12 The tag  Type=“submit” This type places a button on the form that, when clicked,will submit the form  Value This sets the text displayed on the Submit buton.

13 13 The tag  Type=“reset” This type resets or clears all the form elements to the initial values  Value This sets the text displayed on the reset button.

14 14 The tag used in between tags.  Text_Display  adds a drop-down box to a form.  size İndicates how many items ar shown int the drop-down box.  option this tag inserts items into a drop-down box.  value is the information that will be submitted  selected This item will be the default item focused.(choosen by default).

15 15 The tag used in between tags.  Default_text  Places a multiline textbox on the form.  cols sets the number of columns(number of characters) in the textarea.  rows sets the number of rows(number of lines) in the textarea.


Download ppt "1 Review of Form Elements. 2 The tag Used in between tags.  Form elements(text control, buttons, etc.. ) goes here. OR  Form elements(text control,"

Similar presentations


Ads by Google