DOC PREVIEW
NOVA ITE 115 - Creating Web Page Forms

This preview shows page 1-2-3-22-23-24-45-46-47 out of 47 pages.

Save
View full document
View full document
Premium Document
Do you want full access? Go Premium and unlock all 47 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 47 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 47 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 47 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 47 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 47 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 47 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 47 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 47 pages.
Access to all documents
Download any document
Ad free experience
Premium Document
Do you want full access? Go Premium and unlock all 47 pages.
Access to all documents
Download any document
Ad free experience

Unformatted text preview:

ITE 115 Creating Web Page FormsObjectivesSlide 3Slide 4Introducing Web FormsForms and Server-Based ProgramsSlide 7Creating the Form ElementSlide 9Slide 10Creating Input BoxesSlide 12Slide 13Slide 14Setting the Size of an Input BoxSlide 16Creating a Password FieldCreating an input boxWorking with Form LabelsCreating a Selection ListModifying the Appearance of a Selection ListSlide 22Making Multiple SelectionsWorking with Option GroupsCreating Option buttonsCreating a Field SetSlide 27Slide 28Creating Check BoxesCreating a Text Area BoxSlide 31Slide 32Wrap valuesWorking with Form ButtonsCreating a Command buttonCompleted Registration FormDesigning a Command buttonCreating a File buttonWorking with Hidden FieldsWorking with Form AttributesSlide 41Using the mailto ActionSpecifying the Tab OrderSpecifying an Access KeyTips for Creating Effective FormsSlide 46Slide 47Tutorial 6 New Perspectives on HTML and XHTML, Comprehensive1XPITE 115 Creating Web Page FormsDesigning a Product Registration FormTutorial 6Tutorial 6 New Perspectives on HTML and XHTML, Comprehensive2XPObjectives•Describe how Web forms can interact with a server-based program•Insert a form into a Web page•Create and format an input box for simple text data•Add a form label and link it to a control elementTutorial 6 New Perspectives on HTML and XHTML, Comprehensive3XPObjectives•Set up a selection list for a predefined list of data values•Create option buttons for a list of possible field values•Organize fields into field sets•Insert a text area box for multiple lines of text dataTutorial 6 New Perspectives on HTML and XHTML, Comprehensive4XPObjectives•Generate form buttons to submit or reset a form•Describe how data is sent from a Web form to a server•Understand how to create image fields, hidden fields, and file buttons•Apply tab indices and access keys to control elementsTutorial 6 New Perspectives on HTML and XHTML, Comprehensive5XPIntroducing Web Forms•Web forms collect information from customers. •Web forms include different control elements including:–Input boxes–Selection lists–Drop-down lists boxes–Option buttons or radio buttons–Check boxes–Group boxes–Text areas–Form buttonsTutorial 6 New Perspectives on HTML and XHTML, Comprehensive6XPForms and Server-Based Programs•While HTML supports the creation of forms, it does not include tools to process the information.•The information can be processed through a program running on a Web server.Tutorial 6 New Perspectives on HTML and XHTML, Comprehensive7XPForms and Server-Based Programs•Server-based programs are written in many languages•The earliest and most commonly used are Common Gateway Interface (CGI) scripts that are written in perl.•Other popular languages include:–AppleScript - PHP–ASP - TCL–ColdFusion - the Unix shell–C/C++ - Visual BasicTutorial 6 New Perspectives on HTML and XHTML, Comprehensive8XPCreating the Form Element•Forms are created using the form element, structured as follows:<form attributes>elements</form>Where attributes are the attributes that control how the form is processed and elements are elements places within the form.Tutorial 6 New Perspectives on HTML and XHTML, Comprehensive9XPCreating the Form Element•Form attributes usually tell the browser the location of the server-based program to be applied to the form’s data.•Always specify an id or name for the form.•Two attributes are available to identify the form: id and name.Tutorial 6 New Perspectives on HTML and XHTML, Comprehensive10XPCreating the Form Element•The syntax of the id and name attributes are as follows:<form name=“name” id=“id”>… </form>Where name is the name of the form and id is the id of the form.Tutorial 6 New Perspectives on HTML and XHTML, Comprehensive11XPCreating Input Boxes•The general syntax of input elements is as follows:<input type=“type” name=“name” id=“id” />Where type specifies the type of input field, and the name and id attributes provide thefield’s name and id.Tutorial 6 New Perspectives on HTML and XHTML, Comprehensive12XPCreating Input Boxes•Input types:type=“button”Displays a button that can be clicked to perform an action from a scripttype=“checkboxDisplays a check boxtype=“file”Displays a browse button to locate and select a filetype=“hidden”Creates a hidden field, not viewable on the formTutorial 6 New Perspectives on HTML and XHTML, Comprehensive13XPCreating Input Boxes•Input types:type=“image”Displays an input image that can be clicked to perform an action from a scripttype=“password”Displays an input box that hides text entered by the usetype=“radio”Displays an option buttonTutorial 6 New Perspectives on HTML and XHTML, Comprehensive14XPCreating Input Boxes•Input types:type-”reset”Displays a button that resets the form when clickedtype=“submit”Displays a button that submits the form when clickedtype=“text”Displays an input box that displays text entered by the userTutorial 6 New Perspectives on HTML and XHTML, Comprehensive15XPSetting the Size of an Input Box•By default, an input box displays at 20 characters of text.•To change the width of an input box, use the size attribute which is displayed as follows:<input size=“value” />Where value is the size of the input box in characters.Tutorial 6 New Perspectives on HTML and XHTML, Comprehensive16XPSetting the Size of an Input BoxTutorial 6 New Perspectives on HTML and XHTML, Comprehensive17XPCreating a Password Field•A password field is an input box where characters typed by the user are displayed as bullets or asterisks to protect private or sensitive information on a Web site.•The syntax for creating a Password field is as follows:<input type=“password” />Tutorial 6 New Perspectives on HTML and XHTML, Comprehensive18XPCreating an input box•To create an input box, use the following HTML code:<input name=“name” id=“id” value=“value” size=“value”maxlength=“value’ />Where the name and id attributes identify the field, the valueattribute assigns the field’s default value, the size attribute defines the width of the input box in characters, and the maxlength attribute specifies the maximum number of characters that a user can enter into the field.Tutorial 6 New Perspectives on HTML and XHTML, Comprehensive19XPWorking with Form Labels•You can also expressly link a label with an associated text


View Full Document

NOVA ITE 115 - Creating Web Page Forms

Download Creating Web Page Forms
Our administrator received your request to download this document. We will send you the file to your email shortly.
Loading Unlocking...
Login

Join to view Creating Web Page Forms and access 3M+ class-specific study document.

or
We will never post anything without your permission.
Don't have an account?
Sign Up

Join to view Creating Web Page Forms 2 2 and access 3M+ class-specific study document.

or

By creating an account you agree to our Privacy Policy and Terms Of Use

Already a member?