The FORM Tag FORM ACTION DETERMINES WHAT APPLICATION

  • Slides: 3
Download presentation
The <FORM> Tag • <FORM> – – – – – ACTION – DETERMINES WHAT

The <FORM> Tag • <FORM> – – – – – ACTION – DETERMINES WHAT APPLICATION WILL PROCESS THE DATA CLASS - SPECIFIES STYLE WITH A PREDEFINED CLASS ENCTYPE - DATA ENCODING TYPE METHOD - SPECIFIES HOW THE DATA SENDS DATA TO THE SERVER ("POST" OR "GET") NAME - NAMES THE FORM (USEFUL FOR JAVASCRIPT) ONRESET - ASSOCIATES SCRIPT WITH FORM RESET ONSUBMIT - ASSOCIATE SCRIPT WITH FORM SUBMISSION STYLE - SPECIFIES STYLE (AS FROM A STYLESHEET) TARGET - DIRECTS RESULT OF FORM OUTPUT TO A FRAME

Methods of Allowing Input to forms • There are 12 predefined mechanisms to input

Methods of Allowing Input to forms • There are 12 predefined mechanisms to input data to a from – – – BUTTON - DISPLAYS TEXT AND CAN BE CLICKED TO INITIATE SCRIPTS CHECKBOX - CAN BE CHECKED ON AND OFF. YOU USUALLY SUPPLY DESCRIPTIVE TEXT TO GO WITH IT. FILE HIDDEN IMAGE - LIKE A BUTTON, BUT YOU CAN USE AN IMAGE FILE. PASSWORD - LIKE TEXT BUT INPUT IS NOT VISIBLE RADIO - LIKE A CHECKBOX, BUT ROUND. RESET - BUTTON ALLOWING ENTIRE FORM TO BE RESET. SUBMIT - BUTTON ALLOWING FORM DATA TO BE SUBMITTED VIA CGI. TEXT - BASIC TEXT INPUT (ONE LINE). <SELECT> - DROP DOWN MENU OF ITEMS TO SELECT. <TEXTAREA> - MULTI=LINE TEXT

The <INPUT> Tag • <INPUT> – – – – – ACCEPT – DETERMINES WHAT

The <INPUT> Tag • <INPUT> – – – – – ACCEPT – DETERMINES WHAT APPLICATION WILL PROCESS THE DATA ALIGN - SETS ALIGNMENT BORDER - ALLOWS A BORDER TO SURROUND THE INPUT DEVICE CLASS - SPECIFIES STYLE WITH A PREDEFINED CLASS CHECKED - PRE-CHECKS CHECKBOX INPUT TYPES MAXLENGTH - SETS MAX INPUT LENGTH FOR TEXT INPUT TYPES NAME - NAMES THE DEVICE (USEFUL FOR JAVASCRIPT) ONBLUR ONCHANGE ONCLICK ONFOCUS ONSELECT SIZE - SETS DISPLAY SIZE OF TEXT INPUTS SRC - SOURCE OF AN IMAGE BUTTON STYLE - ALLOWS STYLES TO BE SET TYPE - SETS TYPE (IE TEXT, BUTTON, RADIO) VALUE - SETS AN INITIAL VALUE OR DISPLAY