0
INFT11/71-132Web ApplicationsHTML Forms<br />Dr Michael Rees<br />School of Information Technology<br />mrees@bond.edu.au<...
Forms Overview<br />Web page equivalent to paper forms<br />Form components:<br />text entry<br />selectable options<br />...
Example Form<br />© 2009 Michael Rees<br />Web Applications<br />3<br />
Form HTML Part 1<br /> &lt;form method=&quot;get&quot; action=&quot;http://some.server.com/cgi/scriptaction.script&quot; e...
Form HTML Part 2<br />  &lt;p&gt;<br />    Comments:<br />    &lt;br /&gt;<br />    &lt;textarea id=&quot;TextArea1&quot; ...
Form HTML Part 3<br />  &lt;p&gt;<br />    Upload a file:<br />    &lt;input id=&quot;File1&quot; type=&quot;file&quot; /&...
More Resources<br />W3Schools form page<br />Textbook Section 2.9<br />© 2009 Michael Rees<br />Web Applications<br />7<br />
Web Applications<br />JavaScript History and Versions <br />JavaScript was introduced as part of the Netscape 2.0 browser<...
Resources<br />Read Chapter 4 of textbook<br />© 2009 Michael Rees<br />Web Applications<br />9<br />
Upcoming SlideShare
Loading in...5
×

INFT132 093 08 Html Forms

3,186

Published on

HTML Forms Overview

Published in: Education, Technology, Sports
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
3,186
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "INFT132 093 08 Html Forms"

  1. 1. INFT11/71-132Web ApplicationsHTML Forms<br />Dr Michael Rees<br />School of Information Technology<br />mrees@bond.edu.au<br />
  2. 2. Forms Overview<br />Web page equivalent to paper forms<br />Form components:<br />text entry<br />selectable options<br />buttons<br />Contains at least one Submit button<br />When Submit clicked, form entity values sent to server:<br />contents of all form text boxes and selections<br />action (program, script) to be obeyed at the server<br />Server action generates new HTML<br />Forms allow two-way interaction with user<br />© 2009 Michael Rees<br />Web Applications<br />2<br />
  3. 3. Example Form<br />© 2009 Michael Rees<br />Web Applications<br />3<br />
  4. 4. Form HTML Part 1<br /> &lt;form method=&quot;get&quot; action=&quot;http://some.server.com/cgi/scriptaction.script&quot; enctype=&quot;application/x-www-form-urlencoded&quot;&gt;<br /> &lt;p&gt;<br /> Name:<br /> &lt;input id=&quot;Text1&quot; type=&quot;text&quot; /&gt;&lt;/p&gt;<br /> &lt;p&gt;<br /> Gender:<br /> &lt;input name=&quot;Gender&quot; id=&quot;Female&quot; type=&quot;radio&quot; checked=&quot;checked&quot; /&gt;<br /> Female<br /> &lt;input name=&quot;Gender&quot; id=&quot;Male&quot; type=&quot;radio&quot; /&gt;<br /> Male&lt;/p&gt;<br /> &lt;p&gt;<br /> Receive email:<br /> &lt;input id=&quot;Checkbox1&quot; type=&quot;checkbox&quot; checked=&quot;checked&quot; /&gt;&lt;/p&gt;<br />© 2009 Michael Rees<br />Web Applications<br />4<br />
  5. 5. Form HTML Part 2<br /> &lt;p&gt;<br /> Comments:<br /> &lt;br /&gt;<br /> &lt;textarea id=&quot;TextArea1&quot; cols=&quot;40&quot; name=&quot;S1&quot; rows=&quot;4&quot;&gt;Several lines of text<br />that make up the<br />comment.&lt;/textarea&gt;<br /> &lt;/p&gt;<br /> &lt;p&gt;<br /> Make a choice:<br /> &lt;br /&gt;<br /> &lt;select id=&quot;Select1&quot; size=&quot;3&quot;&gt;<br /> &lt;option&gt;First choice&lt;/option&gt;<br /> &lt;option&gt;Second choice&lt;/option&gt;<br /> &lt;option&gt;Third choice&lt;/option&gt;<br /> &lt;/select&gt;<br /> &lt;/p&gt;<br />© 2009 Michael Rees<br />Web Applications<br />5<br />
  6. 6. Form HTML Part 3<br /> &lt;p&gt;<br /> Upload a file:<br /> &lt;input id=&quot;File1&quot; type=&quot;file&quot; /&gt;<br /> &lt;/p&gt;<br /> &lt;p&gt;<br /> &lt;input id=&quot;Submit1&quot; type=&quot;submit&quot; value=&quot;Submit&quot; /&gt;<br /> &lt;input id=&quot;Reset1&quot; type=&quot;reset&quot; value=&quot;Reset&quot; /&gt;<br /> &lt;input id=&quot;Button1&quot; type=&quot;button&quot; value=&quot;Regular button&quot; /&gt;<br /> &lt;/p&gt;<br /> &lt;/form&gt;<br />© 2009 Michael Rees<br />Web Applications<br />6<br />
  7. 7. More Resources<br />W3Schools form page<br />Textbook Section 2.9<br />© 2009 Michael Rees<br />Web Applications<br />7<br />
  8. 8. Web Applications<br />JavaScript History and Versions <br />JavaScript was introduced as part of the Netscape 2.0 browser<br />Microsoft soon released its own version called JScript<br />ECMA developed a standard language known as ECMAScript<br />ECMAScriptEdition 3 is widely supported and is what we call JavaScript<br />© 2009 Michael Rees<br />8<br />
  9. 9. Resources<br />Read Chapter 4 of textbook<br />© 2009 Michael Rees<br />Web Applications<br />9<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×