eca 228 internet intranet design i
Download
Skip this Video
Download Presentation
ECA 228 Internet/Intranet Design I

Loading in 2 Seconds...

play fullscreen
1 / 32

ECA 228 Internet/Intranet Design I - PowerPoint PPT Presentation


  • 95 Views
  • Uploaded on

ECA 228 Internet/Intranet Design I. Forms. Forms. forms are a way for a user to communicate with you text fields radio button checkboxes drop down menus buttons. Forms. forms will not be much use unless you provide a way to process the user’s information cgi other scripting languages

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'ECA 228 Internet/Intranet Design I' - blake


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
forms
Forms
  • forms are a way for a user to communicate with you
    • text fields
    • radio button
    • checkboxes
    • drop down menus
    • buttons

ECA 228 Internet/Intranet Design I

forms1
Forms
  • forms will not be much use unless you provide a way to process the user’s information
    • cgi
    • other scripting languages
      • send email
      • save to database
      • write cookie
    • mailto
    • form processing service

ECA 228 Internet/Intranet Design I

form form
  • to create a form use the
    tagset
  • all other parts of a form are placed inside the tagset
  • Attributes:
    • name
    • method
    • action
    • enctype

ECA 228 Internet/Intranet Design I

form attributes
attributes
  • name
    • gives a unique id to the form
    • if your page contains more than one form, give each a unique name
  • every form element will be given a unique name
  • DO NOT use spaces in the name

… rest of form elements …

ECA 228 Internet/Intranet Design I

form attributes cont
attributes cont …
  • method
    • tells browser how to send the user’s data
    • get
      • appends data to URL
      • limits the amount of data that can be sent
    • post

ECA 228 Internet/Intranet Design I

form attributes cont1
attributes cont …
  • method
    • what the user types into a form element is paired with the name we give the element
    • when the form is submitted, the data is sent as name/value pairs

[email protected]

ECA 228 Internet/Intranet Design I

form attributes cont2
attributes cont …
  • action
    • indicates how the user input is to be processed
      • cgi
      • other scripting language
      • mailto
      • form processing service

ECA 228 Internet/Intranet Design I

form attributes cont3
attributes cont …
  • enctype
    • indicates how the data being sent is to be formatted
    • if you are using mailto: as the action, set the enctype to “text/plain”
    • if you are using a script to process the form, do not use the enctype attribute

ECA 228 Internet/Intranet Design I

form elements
form elements
  • many form elements are defined as an attribute inside the tag

ECA 228 Internet/Intranet Design I

slide11
text
  • required attributes
    • type
    • name
  • optional attributes
    • size
    • maxlength
    • value

ECA 228 Internet/Intranet Design I

password
password
  • required attributes
    • type
    • name
  • optional attributes
    • size
    • maxlength
    • value

ECA 228 Internet/Intranet Design I

radio
radio
  • required attributes
    • type
    • name
    • value
  • optional attributes
    • checked

ECA 228 Internet/Intranet Design I

radio cont
radio cont …
  • give the same name to groups of related radio buttons
  • change the value in groups of related radio buttons
  • radio buttons allow only one choice per set

ECA 228 Internet/Intranet Design I

radio cont1
radio cont …
  • h

ECA 228 Internet/Intranet Design I

checkbox
checkbox
  • required attributes
    • type
    • name
    • value
  • optional attributes
    • checked

ECA 228 Internet/Intranet Design I

checkbox cont
checkbox cont …
  • give the same name to groups of related checkboxes
  • change the value in groups of related checkboxes
  • checkboxes allow more than one choice per set

ECA 228 Internet/Intranet Design I

checkbox cont1
checkbox cont …
  • h

ECA 228 Internet/Intranet Design I

select select
  • cont …
    • ECA 228 Internet/Intranet Design I

select select cont1
cont …
  • To change the drop down menu to a list box use the size attribute

ECA 228 Internet/Intranet Design I

select select cont2
cont …
  • To allow more than one choice use the multiple attribute

ECA 228 Internet/Intranet Design I

select select cont3
cont …
  • To pre-select an option use the selected attribute

ECA 228 Internet/Intranet Design I

select select cont4
cont …
  • To group menu items use the tagset with the label attribute

ECA 228 Internet/Intranet Design I

textarea textarea
  • required attributes
    • name
    • rows
    • cols

ECA 228 Internet/Intranet Design I

submit
submit
  • required attributes
    • type
  • optional attributes
    • value

ECA 228 Internet/Intranet Design I

reset
reset
  • required attributes
    • type
  • optional attributes
    • value

ECA 228 Internet/Intranet Design I

image
image
  • required attributes
    • type
    • src
    • width
    • height
    • alt

ECA 228 Internet/Intranet Design I

hidden
hidden
  • required attributes
    • type
    • name
    • value

ECA 228 Internet/Intranet Design I

button
button
  • required attributes
    • type
    • name
    • value

ECA 228 Internet/Intranet Design I

slide31
file
  • required attributes
    • type
    • name
  • additional attributes
    • size
  • in tag must use enctype = “multipart/form-data” as attribute

ECA 228 Internet/Intranet Design I

organizing form elements
organizing form elements
  • to separate a form into smaller organized units use the
    tagset
  • optional tagset provides textual label

Personal Information Last Name:
First Name:
Address:
City: :
State:

ECA 228 Internet/Intranet Design I

ad