We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!
Presentation is loading. Please wait.
Published byConnor Mooney
Modified over 2 years ago
Copyright © 2003 Pearson Education, Inc. Slide 7-1 Created by Cheryl M. Hughes The Web Wizards Guide to XML by Cheryl M. Hughes
Copyright © 2003 Pearson Education, Inc. Slide 7-2 CHAPTER 7 XHTML Forms
Copyright © 2003 Pearson Education, Inc. Slide 7-3 Overview of XHTML Forms Web forms give Website owners the ability to receive information from their users or to allow users to personalize the Website A Web form can contain many types of input elements: Text boxes Password boxes Buttons Checkboxes Pull-down menus Form input values are processed by a program on the Web server and usually send another XHTML page back to the Web browser with either a set of results based on the users input, or a confirmation page Forms can be located anywhere in the body of an XHTML document Web page can contain more than one form, but forms cannot be nested
Copyright © 2003 Pearson Education, Inc. Slide 7-4 The Element The - element contains all of the input elements of the form Attributes: action – This attribute is required and provides the path to the program that will process the form data when the user submits the form Examples: method – This attribute tells the web server how to process the data Values: Get – This is the default value and will automatically assign this value if the method attribute is not present in the element. This method appends the form input data to the end of a URL. The following two start tags are the same: post – This value tells the processing program to send the form data to the server as regular input data. Nothing will be appended to the URL
Copyright © 2003 Pearson Education, Inc. Slide 7-5 Text Input Elements Text input elements: There are three types of text input elements which are empty elements: 1. Text: - Allows users to enter text 2. Password: - Allows users to enter text which is not visible to others. The characters are entered and appear only as the * character. WARNING: even though the value is hidden while it is being typed, the value is sent to the server in text form 3. File: - Allows users to Browse their computer in order to send a file to the Web server The following attributes can be used with text input elements: maxlength - Maximum number of characters allowed for input name - Used to identify the input field size - Defines the size of the input field in characters. If this is smaller than the maxlength attribute, the field will scroll. type - Defines the type of input (text, password, or file for text input fields) disabled - Disables the field for user input. The value of a disabled field will not be sent to the processing program readonly - Makes the content of the text field unchangable. The value of this field will be sent to the processing program value - Sets a default value onselect - For use with scripts. An event handle that specifies an action to be performed when the field is selected onchange - For use with scripts. An event handle that specifies an action to be performed when the content of the field has been changed
Copyright © 2003 Pearson Education, Inc. Slide 7-6 The Element The element provides a multi-line text entry box for users to enter larger amounts of data than using an element Data that is contained between the start tag and the ending tag will appear in the textbox as the default value The following attributes can be used with : name - Used to identify the input field rows - Number of horizontal rows of the text area cols - Number of vertical columns of the text area readonly - Makes the content of the text area unchangable disabled- Disables the field for user input. The value of a disabled field will not be sent to the processing program. readonly - Makes the content of the text field unchangable. The value of this field will be sent to the processing program. onselect - For use with scripts. An event handle that specifies an action to be performed when the field is selected. onchange - For use with scripts. An event handle that specifies an action to be performed when the content of the field has been changed
Copyright © 2003 Pearson Education, Inc. Slide 7-7 Selection Form Elements The selection form elements allow the user to select one or many choices from a list There are 3 types of selection elements: Checkboxes: Radio buttons: Drop-down lists: … Using selection elements: Checkboxes - used for lists where the user can choose one or more selections from a list of options. Each item in a checkbox group can be checked or unchecked. Radio Buttons – used for lists which allow the user to choose only one item in the list Drop-down lists - The list appears in a scrollable box. These are usually used for long lists of items. Each item is listed in a separate element
Copyright © 2003 Pearson Education, Inc. Slide 7-8 Completing the Form Once a user has completed the form, the data must be sent to the server to be processed The XHTML language provides a means to submit the form using the program that is specified in the action attribute of the element by assigning the value of submit to the type attribute for the element: XHTML also gives users an ability to clear the form and reset the default values by assigning the value of reset to the type attribute for the element: The value attribute can be set to assign names to either of these buttons. If no value is set, then the computer will assign default text
Copyright © 2003 Pearson Education, Inc. Slide 7-9 Form Example – XHTML code (pg. 1) 1 2 Account Application Account Application Please enter your name: Enter your password: Enter your password again to verify: Please select the accounts you currently have: Open element Text box input field Password box input field
4 5 6 Account Application 7 8 9 10 Account Application 11 12 13 14 15 Please enter your name: 16 17 18 Enter your password: 19 20 21 Enter your password again to verify: 22 23 24 Please select the accounts you currently have: Open element Text box input field Password box input field">
Copyright © 2003 Pearson Education, Inc. Slide 7-10 Form Example – XHTML code (pg. 2) 25 Checking 26 Savings 27 Brokerage 28 Retirement Are you employed? 32 Yes 33 No Choose the branch office closest to where you live: Braintree 39 Cambridge 40 Dedham 41 Foxboro 42 Hingham 43 Marlborough 44 Weymouth Please provide any additional information: Checkbox group for accounts } Radio group for emp } Select (drop- down) group for branch } Textarea input box Submit button Form Reset button End of form
Copyright © 2003 Pearson Education, Inc. Slide 7-11 Form Example – Web Browser
1 Copyright © 2002 Pearson Education, Inc.. 2 Chapter 4 Working with the Web.
23-Aug-14 HTML/XHTML Forms. 2 What are forms? is just another kind of XHTML/HTML tag Forms are used to create (rather primitive) GUIs on Web pages Usually.
Dr. Alexandra I. Cristea HTML.
© 2009 Wellsource, Inc. All rights reserved. ONLINE.
PrevNext | Slide 1 Last Updated: 4/14/2003 SPECIAL EDUCATION MEGS Update for School Year The Michigan Electronic.
Prepared by: Workforce Enterprise Services For: The Illinois Department of Commerce and Economic Opportunity Bureau of Workforce Development ENTRY OF EMPLOYER.
1 Advanced Tools for Account Searches and Portfolios Dawn Gamache Cindy Bylander.
1 Copyright © 2002 Pearson Education, Inc.. 2 Chapter 8 Managing End-User Sessions.
© 2014 by McGraw-Hill Education. This is proprietary material solely for authorized instructor use. Not authorized for sale or distribution in any manner.
Slide 1 FastFacts Feature Presentation December 13 th, 2007 We are using audio during this session, so please dial in to our conference line… Phone number:
Arrays Chapter Microsoft Visual Basic.NET: Reloaded 1.
1 BRState Software Demonstration. 2 After you click on the LDEQ link to download the BRState Software you will get this message.
Page 1 of 60 Page 1 of 28 Module 2: BLOCK 1 / Order Entry Objectives As a result of this module the student should demonstrate the following competencies:
1 INSTALLING "WINDOWS 8.." SO THAT IT CREATES A LOCAL USER ACCOUNT.
Prepare & Create Your IDP in SATERN: A NASA HRU Presentation Facilitators: Adib Sabree, MS, Team Lead, NASA HQ HRMD/EOEB Cheryl Thomas, M.Ed., Career Counselor,
State of Connecticut Core-CT Project Query 8 hrs Updated 4/14/2003.
McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module D (Office 2007 Version) Decision Analysis.
PrevNext | Slide 1 MACUL 2004 Conference Grand Rapids, MI March 10, 2004 The Michigan Electronic Grants System MEGS Last.
1 Vendor RFP - Event User Guide. 2 Minimum System Requirements Internet connection - Modem, ISDN, DSL, T1. Your connection speed determines your access.
LIS651 lecture 0 forms Thomas Krichel
Dreamweaver CS3 Concepts and Techniques Chapter 4 Forms.
Welcome to Instructions and tips for the online application process 1 June 2012.
Copyright © 2003 Pearson Education, Inc. Slide 1.
1 Hosted Voice Product Training Business Group Administrator.
BI Navigation & Reporting Business Intelligence Navigation.
XP New Perspectives on Microsoft Office Word 2003 Tutorial 9 1 Microsoft Office Word 2003 Tutorial 9 – Creating On-Screen Forms Using Advanced Table Techniques.
Copyright © 2003 Pearson Education, Inc. Slide 5-1 Created by Cheryl M. Hughes The Web Wizards Guide to XML by Cheryl M. Hughes.
Dreamweaver CS4 Concepts and Techniques Chapter 1 Creating a Dreamweaver Web Page and Local Site.
PrevNext | Slide 1 Welcome to MEGS The Michigan Electronic Grants System Comprehensive School Reform Application Last.
1 How Do I Order From.decimal? Rev 05/04/09 This instructional training document may be updated at anytime. Please visit and check the.
© 2016 SlidePlayer.com Inc. All rights reserved.