SUBMIT NOT TO AUTHORITY, BUT TO A FORM! Forms. What are the different ways you can submit information on a web page? Think back to your last exam (as.

Slides:



Advertisements
Similar presentations
Microsoft Expression Web-Illustrated Unit J: Creating Forms.
Advertisements

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.
24-Aug-14 HTML Forms. 2 What are forms? is just another kind of HTML tag HTML forms are used to create (rather primitive) GUIs on Web pages Usually the.
Dreamweaver Forms Overview. Forms – A Little Review Most user/webpage communication is one way, like this: Most user/webpage communication is one way,
Tutorial 6 Creating a Web Form
Server-Side vs. Client-Side Scripting Languages
Forms Review. 2 Using Forms tag  Contains the form elements on a web page  Container tag tag  Configures a variety of form elements including text.
Using Entities & Creating Forms Jill R. Sommer Institute for Applied Linguistics Kent State University.
Forms. Form An HTML form is a section of a document containing normal content, special elements called controls (checkboxes, radio buttons, buttons, etc.),
ECA 228 Internet/Intranet Design I Forms. ECA 228 Internet/Intranet Design I Forms forms are a way for a user to communicate with you – text fields –
CST JavaScript Validating Form Data with JavaScript.
THE PRESENTATION THAT YOU ARE GOING TO SEE FURTHER IS A DEMO PRESENTATION CREATED BASED ON POSTING ADS ON CLASSIFIED WEBSITES. AN EXAMPLE WEBSITE (
1 Web Developer & Design Foundations with XHTML Chapter 6 Key Concepts.
HTML Forms What is a form.
Brief Overview of Web Forms L. G. Piper Bunker Hill Community College 23 March 2011.
1 Creating Web Forms in HTML Web forms collect information from customers Web forms include different control elements including: –Input boxes –Selection.
Additional Topics. Tutorial #9 Review – Forms Forms Legend and fieldset Fields Text Password Radio buttons, check box, text area, select lists Buttons.
WEB FORM DESIGN. Creating forms for a web page For your web project you have to design a form for inclusion on your web site (the form information should.
1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.
Chapter 5 Java Script And Forms JavaScript, Third Edition.
© 2011 Delmar, Cengage Learning Chapter 9 Collecting Data with Forms.
December 19,  Vocabulary Words  Review different form tags!  Video Game program (See Project Worksheet) -or-  Lunch program (See Project Worksheet)
XHTML Introductory1 Forms Chapter 7. XHTML Introductory2 Objectives In this chapter, you will: Study elements Learn about input fields Use the element.
December 9,  Review different form tags!  Example program  Lunch program  Extras: ◦ Speaker will be here on Monday, December 13th – DeVRY! ◦
Robinson_CIS_285_2005 HTML FORMS CIS 285 Winter_2005 Instructor: Mary Robinson.
Lecture # 6 Forms, Widgets and Event Handling. Today Questions: From notes/reading/life? Share Personal Web Page (if not too personal) 1.Introduce: How.
© 2010 Delmar, Cengage Learning Chapter 8 Collecting Data with Forms.
JavaScript, Fourth Edition Chapter 5 Validating Form Data with JavaScript.
Slide 1 CMPS 211 Internet Programming Spring 2008 Forms Chapter 17 4/22/08.
HTML Forms. Today’s Lecture We will try to understand the utility of forms on Web pages We will find out about the various components that are used in.
Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.
 Whether using paper forms or forms on the web, forms are used for gathering information. User enter information into designated areas, or fields. Forms.
SHAUN WERSTED’S CAPSTONE PRESENTATION. INTRODUCTION n PROBLEM: Teachers and students need a resource for rampant absenteeism.
Forms and Server Side Includes. What are Forms? Forms are used to get user input We’ve all used them before. For example, ever had to sign up for courses.
1 © Netskills Quality Internet Training, University of Newcastle HTML Forms © Netskills, Quality Internet Training, University of Newcastle Netskills is.
HTML and FORMS.  A form is an area that can contain form elements.  Form elements are elements that allow the user to enter information (like text fields,
CHAPTER 7 Form & PHP. Introduction All of the following examples in this section will require two web pages. The first page retrieves information posted.
CSC317 – INTERNET PROGRAMMING CSC318 – DYNAMIC WEB APPLICATION DEVELOPMENT BY: MUHD EIZAN SHAFIQ BIN ABD AZIZ FACULTY of COMPUTER and MATHEMATICAL SCIENCES.
Tutorial 6 Working with Web Forms. XP Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create.
1 CSC317/318 INTERNET PROGRAMING / DYNAMIC WEB APPLICATION DEVELOPMENT Siti Nurbaya Ismail Faculty of Computer & Mathematical Sciences, Universiti Teknologi.
Microsoft FrontPage 2003 Illustrated Complete Creating a Form.
Online Surveys Jacqui James and Malcolm Roberts School of Education.
HTML Form Widgets. Review: HTML Forms HTML forms are used to create web pages that accept user input Forms allow the user to communicate information back.
Session 8: Working with Form iNET Academy Open Source Web Development.
Web Forms. Survey or poll Contact us Sign up for an newsletter Register for an event Submit comments or feedback about our site Log in to a members-only.
Introduction To HTML Form Inputs Written By George Gimian.
Intro to Forms  HTML forms are used to gather information from end-users.  A form can contain elements like radio- buttons, text fields, checkboxes,
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 9 Key Concepts 1 Copyright © Terry Felke-Morris.
Online Surveys Jacqui James Malcolm Roberts School of Education.
+ FORMS HTML forms are used to pass data to a server. begins and ends a form Forms are made up of input elements Every input element has a name and value.
IT204 – Web Scripting and Authoring I Forms and Image Maps Unit 4.
WEB FORM DESIGN. Creating forms for a web page For your web project you have to design a form for inclusion on your web site (the form information should.
HTML FORMS The TEXT Object Presented By: Ankit Gupta.
Project 6 Creating Forms on a Web Page. Objectives Define terms related to forms Describe the different form controls and their uses Use the tag Create.
HTML Form Inputs. Creating a basic form …content goes here…
Creating Forms on a Web Page. 2 Introduction  Forms allow Web developers to collect visitor feedback  Forms create an environment that invites people.
Copyright (c) 2004 Prentice-Hall. All rights reserved. 1 Committed to Shaping the Next Generation of IT Experts. Project 6: Creating XHTML Forms Kelly.
HTML FORM. Form HTML Forms are used to select different kinds of user input. HTML forms are used to pass data to a server. A form can contain input elements.
FORMS Explained By: Jasdeep Kaur. Lecturer, Department of Computer Application, PGG.C.G., Sector: 42, Chandigarh.
Ashima Wadhwa Java Script And Forms. Introduction Forms: –One of the most common Web page elements used with JavaScript –Typical forms you may encounter.
PHP Assignment Help BookMyEssay. What is PHP PHP is a scripting language generally used on web servers. It is an open source language and embedded code.
Chapter 5 Validating Form Data with JavaScript
Web Forms.
Web Forms.
Validation and Building Small Apps
Web Page Design CIS 300.
For use on your feedback page
Web Forms.
Presentation transcript:

SUBMIT NOT TO AUTHORITY, BUT TO A FORM! Forms

What are the different ways you can submit information on a web page? Think back to your last exam (as much as you may not want to). What kind of question types were there?

Forms Scavenger Hunt Use the w3schools page on the form to find out as much as you can about Forms in the next 15 minutes. You will be exploring how to use text fields, radio buttons, checklists, and a more unique field of your choice. Afterwards, we will be sharing.. So be thorough! Pay special attention to anything that discusses compatibility

Text Input What kind of ways can we give text to a page? What are some applications of text inputs? Are there any disadvantages of using free text input?

Radio Buttons/Checkboxes What is a radio button? What is a checkbox? What are the appropriate uses of each? Examples of ways we should or should not use radio buttons and checkboxes

The more “interesting” ones You tell us – what did you explore?  How do you use it?  Are there any compatibility issues?  What are some real-life uses of this form? What might be the most useful one to use from all of the input forms we’ve discussed so far?

Using Google Forms Forms on a site is difficult to implement for us because it requires an additional language Server-side scripting – PHP or ASP To get around this (for now), we will be embedding Google Forms. See the live demo!

2-Minute Paper Send an to the answering the two questions What is the difference between a radio button and a check box? How can forms be useful for your web site? If you are not using any forms, why not?