SlideShare a Scribd company logo
 <form>: Defines a form that is used to read data from
user.
Attributes:
 name=form_name( give a name to the control which is
sent to the server to be recognized and get the value.)
 action=script_page(Backend script ready to process
your passed data.)
 method=get|post(used to upload data)
Get:
 The default method when submitting form data is GET.
 However, when GET is used, the submitted form data will
be visible in the page address field.
Note:
 Appends form-data into the URL in name/value pairs
 The length of a URL is limited (about 3000 characters)
 Never use GET to send sensitive data! (will be visible in the
URL)
 Useful for form submissions where a user wants to bookmark the
result
 GET is better for non-secure data, like query strings in Google
Post:
 Always use POST if the form data contains sensitive or
personal information. The POST method does not
display the submitted form data in the page address
field.
Note:
 POST has no size limitations, and can be used to send
large amounts of data.
 Form submissions with POST cannot be bookmarked.
 Input Element <input>
 Select Element <select>
 Textarea Element <textarea>
<input> element can be displayed in several ways,
depending on the type attribute.
Attributes:
 type=text | password | email | number | date | file | checkbox
| radio | button | submit | reset | image
 name
 value
 readonly
 disabled
 size
 maxlength
 placeholder
 required
 checked(when type is checkbox or
radio)
 min and max (when type=number)
 src, width and height (when type is image)
 <select> defines a drop-down list.
Attributes:
 name
 size
 multiple
 <option> defines an option that can be selected.
Attributes:
 value
 selected
 <textarea> defines a multi-line input field.
Attributes:
 name
 rows
 cols
 A frame can be divided a web document into
multiple web documents.
 The <frameset> element holds one or
more <frame> elements. Each <frame> element
can hold a separate document.
Attributes of <frameset>:
 cols=pixels | % | *
 rows=pixels | % | *
 name=string(Specifies the name of a frame)
 src=URL(Specifies the URL of the document to show in a
frame)
 frameborder=0|1(Specifies whether or not to display a
border around a frame)
 marginheight=pixel(Specifies the top and bottom margins
of a frame)
 marginwidth=pixel(Specifies the left and right margins of a
frame)
 noresize (Specifies that a frame is not resizable)
 scrolling=yes|no|auto(Specifies whether or not to display
scrollbars in a frame)
 The <iframe> tag specifies an inline frame.
 An inline frame is used to embed another
document within the current HTML document.
 align=left|right|top|middle|bottom (Specifies the
alignment of an <iframe> according to
surrounding elements)
 height=pixels(Specifies the height of an
<iframe>)
 width=pixels(Specifies the width of an <iframe>)

More Related Content

What's hot

uptu web technology unit 2 html
uptu web technology unit 2 htmluptu web technology unit 2 html
uptu web technology unit 2 html
Abhishek Kesharwani
 
Html forms
Html formsHtml forms
Html forms
nobel mujuji
 
html help
html helphtml help
html help
Pawan Kandpal
 
Html Simple Tutorial
Html Simple TutorialHtml Simple Tutorial
Html Simple Tutorial
Janani Satheshkumar
 
2. HTML forms
2. HTML forms2. HTML forms
2. HTML forms
Pavle Đorđević
 
Html tables
Html tablesHtml tables
WEB DEVELOPMENT
WEB DEVELOPMENTWEB DEVELOPMENT
WEB DEVELOPMENT
Gourav Kaushik
 
Css Ppt
Css PptCss Ppt
Css Ppt
Hema Prasanth
 
HTML [Basic] --by Abdulla-al Baset
HTML [Basic] --by Abdulla-al BasetHTML [Basic] --by Abdulla-al Baset
HTML [Basic] --by Abdulla-al Baset
Abdulla-al Baset
 
Session ii(html)
Session ii(html)Session ii(html)
Session ii(html)
Shrijan Tiwari
 
Web(chap2)
Web(chap2)Web(chap2)
Web(chap2)
Jafar Nesargi
 
Html introduction Part-2
Html introduction Part-2Html introduction Part-2
Html introduction Part-2
AAKASH KUMAR
 
HTML Forms
HTML FormsHTML Forms
HTML Forms
Nisa Soomro
 
Html starting
Html startingHtml starting
Html starting
Rahul Dihora
 
Images and Lists in HTML
Images and Lists in HTMLImages and Lists in HTML
Images and Lists in HTML
Marlon Jamera
 
Html cheat sheet
Html cheat sheetHtml cheat sheet
Html cheat sheet
Lam Hoang
 
HTML Tables
HTML TablesHTML Tables
HTML Tables
Nisa Soomro
 
HTML
HTMLHTML
How Cascading Style Sheets (CSS) Works
How Cascading Style Sheets (CSS) WorksHow Cascading Style Sheets (CSS) Works
How Cascading Style Sheets (CSS) Works
Amit Tyagi
 
Html
HtmlHtml

What's hot (20)

uptu web technology unit 2 html
uptu web technology unit 2 htmluptu web technology unit 2 html
uptu web technology unit 2 html
 
Html forms
Html formsHtml forms
Html forms
 
html help
html helphtml help
html help
 
Html Simple Tutorial
Html Simple TutorialHtml Simple Tutorial
Html Simple Tutorial
 
2. HTML forms
2. HTML forms2. HTML forms
2. HTML forms
 
Html tables
Html tablesHtml tables
Html tables
 
WEB DEVELOPMENT
WEB DEVELOPMENTWEB DEVELOPMENT
WEB DEVELOPMENT
 
Css Ppt
Css PptCss Ppt
Css Ppt
 
HTML [Basic] --by Abdulla-al Baset
HTML [Basic] --by Abdulla-al BasetHTML [Basic] --by Abdulla-al Baset
HTML [Basic] --by Abdulla-al Baset
 
Session ii(html)
Session ii(html)Session ii(html)
Session ii(html)
 
Web(chap2)
Web(chap2)Web(chap2)
Web(chap2)
 
Html introduction Part-2
Html introduction Part-2Html introduction Part-2
Html introduction Part-2
 
HTML Forms
HTML FormsHTML Forms
HTML Forms
 
Html starting
Html startingHtml starting
Html starting
 
Images and Lists in HTML
Images and Lists in HTMLImages and Lists in HTML
Images and Lists in HTML
 
Html cheat sheet
Html cheat sheetHtml cheat sheet
Html cheat sheet
 
HTML Tables
HTML TablesHTML Tables
HTML Tables
 
HTML
HTMLHTML
HTML
 
How Cascading Style Sheets (CSS) Works
How Cascading Style Sheets (CSS) WorksHow Cascading Style Sheets (CSS) Works
How Cascading Style Sheets (CSS) Works
 
Html
HtmlHtml
Html
 

Similar to Unit 1part-2 forms & frames

IT2255 Web Essentials - Unit II Web Designing
IT2255 Web Essentials - Unit II  Web DesigningIT2255 Web Essentials - Unit II  Web Designing
IT2255 Web Essentials - Unit II Web Designing
pkaviya
 
Html class-04
Html class-04Html class-04
Html class-04
Md Ali Hossain
 
Web forms and html lecture Number 4
Web forms and html lecture Number 4Web forms and html lecture Number 4
Web forms and html lecture Number 4
Mudasir Syed
 
CSS_Forms.pdf
CSS_Forms.pdfCSS_Forms.pdf
CSS_Forms.pdf
gunjansingh599205
 
331592291-HTML-and-Cascading style sheet
331592291-HTML-and-Cascading style sheet331592291-HTML-and-Cascading style sheet
331592291-HTML-and-Cascading style sheet
stephen972973
 
Chapter09
Chapter09Chapter09
Chapter09
Sreenivasan G
 
HTML and CSS part 2
HTML and CSS part 2HTML and CSS part 2
HTML and CSS part 2
Julie Iskander
 
HTML (part ii).pptx
HTML (part ii).pptxHTML (part ii).pptx
HTML (part ii).pptx
techsupport70
 
Html forms
Html formsHtml forms
5. Web Technology CSS Advanced
5. Web Technology CSS Advanced 5. Web Technology CSS Advanced
5. Web Technology CSS Advanced
Jyoti Yadav
 
Html 4
Html   4Html   4
Html 4
Html   4Html   4
HTML
HTML HTML
Frames.ppt
Frames.pptFrames.ppt
Html Tutorial
Html TutorialHtml Tutorial
Html Tutorial
Md. Muhibbullah Muhib
 
Data annotation validation (ASP.net)
Data annotation validation (ASP.net)Data annotation validation (ASP.net)
Data annotation validation (ASP.net)
Jyotasana Bharti
 
Html forms
Html formsHtml forms
Html forms
eShikshak
 
CSS Cascade Style Sheet
CSS Cascade Style SheetCSS Cascade Style Sheet
CSS Cascade Style Sheet
Adeel Rasheed
 
17523630.ppt
17523630.ppt17523630.ppt
17523630.ppt
ssusere2bc36
 
Forms.pptx
Forms.pptxForms.pptx

Similar to Unit 1part-2 forms & frames (20)

IT2255 Web Essentials - Unit II Web Designing
IT2255 Web Essentials - Unit II  Web DesigningIT2255 Web Essentials - Unit II  Web Designing
IT2255 Web Essentials - Unit II Web Designing
 
Html class-04
Html class-04Html class-04
Html class-04
 
Web forms and html lecture Number 4
Web forms and html lecture Number 4Web forms and html lecture Number 4
Web forms and html lecture Number 4
 
CSS_Forms.pdf
CSS_Forms.pdfCSS_Forms.pdf
CSS_Forms.pdf
 
331592291-HTML-and-Cascading style sheet
331592291-HTML-and-Cascading style sheet331592291-HTML-and-Cascading style sheet
331592291-HTML-and-Cascading style sheet
 
Chapter09
Chapter09Chapter09
Chapter09
 
HTML and CSS part 2
HTML and CSS part 2HTML and CSS part 2
HTML and CSS part 2
 
HTML (part ii).pptx
HTML (part ii).pptxHTML (part ii).pptx
HTML (part ii).pptx
 
Html forms
Html formsHtml forms
Html forms
 
5. Web Technology CSS Advanced
5. Web Technology CSS Advanced 5. Web Technology CSS Advanced
5. Web Technology CSS Advanced
 
Html 4
Html   4Html   4
Html 4
 
Html 4
Html   4Html   4
Html 4
 
HTML
HTML HTML
HTML
 
Frames.ppt
Frames.pptFrames.ppt
Frames.ppt
 
Html Tutorial
Html TutorialHtml Tutorial
Html Tutorial
 
Data annotation validation (ASP.net)
Data annotation validation (ASP.net)Data annotation validation (ASP.net)
Data annotation validation (ASP.net)
 
Html forms
Html formsHtml forms
Html forms
 
CSS Cascade Style Sheet
CSS Cascade Style SheetCSS Cascade Style Sheet
CSS Cascade Style Sheet
 
17523630.ppt
17523630.ppt17523630.ppt
17523630.ppt
 
Forms.pptx
Forms.pptxForms.pptx
Forms.pptx
 

More from Govardhan Bhavani

Angular Application Setup.pptx
Angular Application Setup.pptxAngular Application Setup.pptx
Angular Application Setup.pptx
Govardhan Bhavani
 
Files.pptx
Files.pptxFiles.pptx
Files.pptx
Govardhan Bhavani
 
Pandas.pptx
Pandas.pptxPandas.pptx
Pandas.pptx
Govardhan Bhavani
 
NumPy.pptx
NumPy.pptxNumPy.pptx
NumPy.pptx
Govardhan Bhavani
 
ExpressJS and REST API.pptx
ExpressJS and REST API.pptxExpressJS and REST API.pptx
ExpressJS and REST API.pptx
Govardhan Bhavani
 
NodeJS.pptx
NodeJS.pptxNodeJS.pptx
NodeJS.pptx
Govardhan Bhavani
 
Angular.pptx
Angular.pptxAngular.pptx
Angular.pptx
Govardhan Bhavani
 
JavaScript.pptx
JavaScript.pptxJavaScript.pptx
JavaScript.pptx
Govardhan Bhavani
 
Maven.pptx
Maven.pptxMaven.pptx
Maven.pptx
Govardhan Bhavani
 
Configure & Version Control-Git.pptx
Configure & Version Control-Git.pptxConfigure & Version Control-Git.pptx
Configure & Version Control-Git.pptx
Govardhan Bhavani
 
DevOps.pptx
DevOps.pptxDevOps.pptx
DevOps.pptx
Govardhan Bhavani
 
Agile XP.pptx
Agile XP.pptxAgile XP.pptx
Agile XP.pptx
Govardhan Bhavani
 
Ajax
AjaxAjax
Ruby
RubyRuby
PHP
PHPPHP
CSS
CSSCSS

More from Govardhan Bhavani (16)

Angular Application Setup.pptx
Angular Application Setup.pptxAngular Application Setup.pptx
Angular Application Setup.pptx
 
Files.pptx
Files.pptxFiles.pptx
Files.pptx
 
Pandas.pptx
Pandas.pptxPandas.pptx
Pandas.pptx
 
NumPy.pptx
NumPy.pptxNumPy.pptx
NumPy.pptx
 
ExpressJS and REST API.pptx
ExpressJS and REST API.pptxExpressJS and REST API.pptx
ExpressJS and REST API.pptx
 
NodeJS.pptx
NodeJS.pptxNodeJS.pptx
NodeJS.pptx
 
Angular.pptx
Angular.pptxAngular.pptx
Angular.pptx
 
JavaScript.pptx
JavaScript.pptxJavaScript.pptx
JavaScript.pptx
 
Maven.pptx
Maven.pptxMaven.pptx
Maven.pptx
 
Configure & Version Control-Git.pptx
Configure & Version Control-Git.pptxConfigure & Version Control-Git.pptx
Configure & Version Control-Git.pptx
 
DevOps.pptx
DevOps.pptxDevOps.pptx
DevOps.pptx
 
Agile XP.pptx
Agile XP.pptxAgile XP.pptx
Agile XP.pptx
 
Ajax
AjaxAjax
Ajax
 
Ruby
RubyRuby
Ruby
 
PHP
PHPPHP
PHP
 
CSS
CSSCSS
CSS
 

Recently uploaded

Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
EverAndrsGuerraGuerr
 
South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)
Academy of Science of South Africa
 
World environment day ppt For 5 June 2024
World environment day ppt For 5 June 2024World environment day ppt For 5 June 2024
World environment day ppt For 5 June 2024
ak6969907
 
A Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptxA Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptx
thanhdowork
 
How to Add Chatter in the odoo 17 ERP Module
How to Add Chatter in the odoo 17 ERP ModuleHow to Add Chatter in the odoo 17 ERP Module
How to Add Chatter in the odoo 17 ERP Module
Celine George
 
MATATAG CURRICULUM: ASSESSING THE READINESS OF ELEM. PUBLIC SCHOOL TEACHERS I...
MATATAG CURRICULUM: ASSESSING THE READINESS OF ELEM. PUBLIC SCHOOL TEACHERS I...MATATAG CURRICULUM: ASSESSING THE READINESS OF ELEM. PUBLIC SCHOOL TEACHERS I...
MATATAG CURRICULUM: ASSESSING THE READINESS OF ELEM. PUBLIC SCHOOL TEACHERS I...
NelTorrente
 
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama UniversityNatural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Akanksha trivedi rama nursing college kanpur.
 
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective UpskillingYour Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Excellence Foundation for South Sudan
 
Pride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School DistrictPride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School District
David Douglas School District
 
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
National Information Standards Organization (NISO)
 
Digital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental DesignDigital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental Design
amberjdewit93
 
Liberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdfLiberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdf
WaniBasim
 
Advantages and Disadvantages of CMS from an SEO Perspective
Advantages and Disadvantages of CMS from an SEO PerspectiveAdvantages and Disadvantages of CMS from an SEO Perspective
Advantages and Disadvantages of CMS from an SEO Perspective
Krisztián Száraz
 
How to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold MethodHow to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold Method
Celine George
 
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptxChapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
Mohd Adib Abd Muin, Senior Lecturer at Universiti Utara Malaysia
 
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Dr. Vinod Kumar Kanvaria
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
Ashokrao Mane college of Pharmacy Peth-Vadgaon
 
writing about opinions about Australia the movie
writing about opinions about Australia the moviewriting about opinions about Australia the movie
writing about opinions about Australia the movie
Nicholas Montgomery
 
S1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptxS1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptx
tarandeep35
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
camakaiclarkmusic
 

Recently uploaded (20)

Thesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.pptThesis Statement for students diagnonsed withADHD.ppt
Thesis Statement for students diagnonsed withADHD.ppt
 
South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)South African Journal of Science: Writing with integrity workshop (2024)
South African Journal of Science: Writing with integrity workshop (2024)
 
World environment day ppt For 5 June 2024
World environment day ppt For 5 June 2024World environment day ppt For 5 June 2024
World environment day ppt For 5 June 2024
 
A Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptxA Survey of Techniques for Maximizing LLM Performance.pptx
A Survey of Techniques for Maximizing LLM Performance.pptx
 
How to Add Chatter in the odoo 17 ERP Module
How to Add Chatter in the odoo 17 ERP ModuleHow to Add Chatter in the odoo 17 ERP Module
How to Add Chatter in the odoo 17 ERP Module
 
MATATAG CURRICULUM: ASSESSING THE READINESS OF ELEM. PUBLIC SCHOOL TEACHERS I...
MATATAG CURRICULUM: ASSESSING THE READINESS OF ELEM. PUBLIC SCHOOL TEACHERS I...MATATAG CURRICULUM: ASSESSING THE READINESS OF ELEM. PUBLIC SCHOOL TEACHERS I...
MATATAG CURRICULUM: ASSESSING THE READINESS OF ELEM. PUBLIC SCHOOL TEACHERS I...
 
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama UniversityNatural birth techniques - Mrs.Akanksha Trivedi Rama University
Natural birth techniques - Mrs.Akanksha Trivedi Rama University
 
Your Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective UpskillingYour Skill Boost Masterclass: Strategies for Effective Upskilling
Your Skill Boost Masterclass: Strategies for Effective Upskilling
 
Pride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School DistrictPride Month Slides 2024 David Douglas School District
Pride Month Slides 2024 David Douglas School District
 
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
Pollock and Snow "DEIA in the Scholarly Landscape, Session One: Setting Expec...
 
Digital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental DesignDigital Artefact 1 - Tiny Home Environmental Design
Digital Artefact 1 - Tiny Home Environmental Design
 
Liberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdfLiberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdf
 
Advantages and Disadvantages of CMS from an SEO Perspective
Advantages and Disadvantages of CMS from an SEO PerspectiveAdvantages and Disadvantages of CMS from an SEO Perspective
Advantages and Disadvantages of CMS from an SEO Perspective
 
How to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold MethodHow to Build a Module in Odoo 17 Using the Scaffold Method
How to Build a Module in Odoo 17 Using the Scaffold Method
 
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptxChapter 4 - Islamic Financial Institutions in Malaysia.pptx
Chapter 4 - Islamic Financial Institutions in Malaysia.pptx
 
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...
 
Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.Biological Screening of Herbal Drugs in detailed.
Biological Screening of Herbal Drugs in detailed.
 
writing about opinions about Australia the movie
writing about opinions about Australia the moviewriting about opinions about Australia the movie
writing about opinions about Australia the movie
 
S1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptxS1-Introduction-Biopesticides in ICM.pptx
S1-Introduction-Biopesticides in ICM.pptx
 
CACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdfCACJapan - GROUP Presentation 1- Wk 4.pdf
CACJapan - GROUP Presentation 1- Wk 4.pdf
 

Unit 1part-2 forms & frames

  • 1.
  • 2.  <form>: Defines a form that is used to read data from user. Attributes:  name=form_name( give a name to the control which is sent to the server to be recognized and get the value.)  action=script_page(Backend script ready to process your passed data.)  method=get|post(used to upload data)
  • 3. Get:  The default method when submitting form data is GET.  However, when GET is used, the submitted form data will be visible in the page address field. Note:  Appends form-data into the URL in name/value pairs  The length of a URL is limited (about 3000 characters)  Never use GET to send sensitive data! (will be visible in the URL)  Useful for form submissions where a user wants to bookmark the result  GET is better for non-secure data, like query strings in Google
  • 4. Post:  Always use POST if the form data contains sensitive or personal information. The POST method does not display the submitted form data in the page address field. Note:  POST has no size limitations, and can be used to send large amounts of data.  Form submissions with POST cannot be bookmarked.
  • 5.  Input Element <input>  Select Element <select>  Textarea Element <textarea>
  • 6. <input> element can be displayed in several ways, depending on the type attribute. Attributes:  type=text | password | email | number | date | file | checkbox | radio | button | submit | reset | image  name  value  readonly  disabled  size  maxlength  placeholder  required  checked(when type is checkbox or radio)  min and max (when type=number)  src, width and height (when type is image)
  • 7.  <select> defines a drop-down list. Attributes:  name  size  multiple  <option> defines an option that can be selected. Attributes:  value  selected
  • 8.  <textarea> defines a multi-line input field. Attributes:  name  rows  cols
  • 9.  A frame can be divided a web document into multiple web documents.  The <frameset> element holds one or more <frame> elements. Each <frame> element can hold a separate document. Attributes of <frameset>:  cols=pixels | % | *  rows=pixels | % | *
  • 10.  name=string(Specifies the name of a frame)  src=URL(Specifies the URL of the document to show in a frame)  frameborder=0|1(Specifies whether or not to display a border around a frame)  marginheight=pixel(Specifies the top and bottom margins of a frame)  marginwidth=pixel(Specifies the left and right margins of a frame)  noresize (Specifies that a frame is not resizable)  scrolling=yes|no|auto(Specifies whether or not to display scrollbars in a frame)
  • 11.  The <iframe> tag specifies an inline frame.  An inline frame is used to embed another document within the current HTML document.
  • 12.  align=left|right|top|middle|bottom (Specifies the alignment of an <iframe> according to surrounding elements)  height=pixels(Specifies the height of an <iframe>)  width=pixels(Specifies the width of an <iframe>)