D276 WEB DEVELOPMENT FOUNDATIONS UPDATED ACTUAL QUESTIONS
AND CORRECT ANSWERS
Action Attribute (attribute of <form> element) defines the action to be performed when the form is submitted
Target Attribute (attribute of <form> element) specifies where to display the response that is received after submitting the form
_blank (a Target Attribute value) The response is displayed in a new window or tab
, _self (a Target Attribute value) The response is displayed in the current window
_parent (a Target Attribute value) The response is displayed in the parent frame
_top (a Target Attribute value) The response id displayed in the full body of the window
framename (a Target Attribute value) The response is displayed in a named iframe
Method Attribute (attribute of <form> element) specifies the HTTP method to be used when submitting the form data
GET (HTTP Method for Method Attribute) -Appends the form data to the URL, in name/value pairs
-NEVER use GET to send sensitive data! (the submitted form data is visible in the
URL!)
-The length of a URL is limited (2048 characters)
-Useful for form submissions where a user wants to bookmark the result
-GET is good for non-secure data, like query strings in Google
POST (HTTP Method for Method Attribute) - Appends the form data inside the body of the HTTP request (the submitted form
data is not shown in the URL)
- POST has no size limitations, and can be used to send large amounts of data.
- Form submissions with POST cannot be bookmarked
Autocomplete Attribute (attribute of <form> element) specifies whether a form should have autocomplete on or off. When
autocomplete is on, the browser automatically complete values based on values
that user has enter before
Novalidate Attribute (attribute of <form> element) When present, it specifies that the form-data (input) should not be validated when
submitted
Document Object Model (DOM) is a programming API for HTML and XML documents. It defines the logical
structure of documents and the way a document is accessed and manipulated
Elements (part of Chrome Developer Tools) shows you the HTML used to build the page you're looking at, together with any
inline CSS
Console (part of Chrome Developer Tools) deals with JavaScript. It gives you information about interactive elements on a
page. In Console, you can write JavaScript to interact with the web page you're
viewing, and it also lets you write messages to yourself in the JavaScript of
websites you're building, which then show up in Console to show that the JS was
executed
Sources (part of Chrome Developer Tools) shows where all the files that were used to make the website are stored and lets
you inspect them
Network (part of Chrome Developer Tools) shows you all the files that are loading in the URL you're looking at
Application (part of Chrome Developer Tools) shows what's in your browser storage: in-browser databases like Web SQL, local
storage, and more. It also gives you granular control over your cookies
AND CORRECT ANSWERS
Action Attribute (attribute of <form> element) defines the action to be performed when the form is submitted
Target Attribute (attribute of <form> element) specifies where to display the response that is received after submitting the form
_blank (a Target Attribute value) The response is displayed in a new window or tab
, _self (a Target Attribute value) The response is displayed in the current window
_parent (a Target Attribute value) The response is displayed in the parent frame
_top (a Target Attribute value) The response id displayed in the full body of the window
framename (a Target Attribute value) The response is displayed in a named iframe
Method Attribute (attribute of <form> element) specifies the HTTP method to be used when submitting the form data
GET (HTTP Method for Method Attribute) -Appends the form data to the URL, in name/value pairs
-NEVER use GET to send sensitive data! (the submitted form data is visible in the
URL!)
-The length of a URL is limited (2048 characters)
-Useful for form submissions where a user wants to bookmark the result
-GET is good for non-secure data, like query strings in Google
POST (HTTP Method for Method Attribute) - Appends the form data inside the body of the HTTP request (the submitted form
data is not shown in the URL)
- POST has no size limitations, and can be used to send large amounts of data.
- Form submissions with POST cannot be bookmarked
Autocomplete Attribute (attribute of <form> element) specifies whether a form should have autocomplete on or off. When
autocomplete is on, the browser automatically complete values based on values
that user has enter before
Novalidate Attribute (attribute of <form> element) When present, it specifies that the form-data (input) should not be validated when
submitted
Document Object Model (DOM) is a programming API for HTML and XML documents. It defines the logical
structure of documents and the way a document is accessed and manipulated
Elements (part of Chrome Developer Tools) shows you the HTML used to build the page you're looking at, together with any
inline CSS
Console (part of Chrome Developer Tools) deals with JavaScript. It gives you information about interactive elements on a
page. In Console, you can write JavaScript to interact with the web page you're
viewing, and it also lets you write messages to yourself in the JavaScript of
websites you're building, which then show up in Console to show that the JS was
executed
Sources (part of Chrome Developer Tools) shows where all the files that were used to make the website are stored and lets
you inspect them
Network (part of Chrome Developer Tools) shows you all the files that are loading in the URL you're looking at
Application (part of Chrome Developer Tools) shows what's in your browser storage: in-browser databases like Web SQL, local
storage, and more. It also gives you granular control over your cookies
