Forms Flashcards
Which HTML tag is used to create an HTML form for user input?
<form>
Which attribute specifies whether a form or an input field should allow the browser to predict the value?
autocomplete
EXAMPLES: <form action=”action_page.php” autocomplete=”on”>
<input type=”email” autocomplete=”off”>
Which attribute specifies that the form input should not be validated when submitted?
novalidate
EXAMPLE: <form action=”/action_page.php” novalidate>
Which attribute defines the action to be performed when the form is submitted?
action
EXAMPLE: <form action=”/action_page.php”>
Which attribute specifies how form input should be encoded when submitted to the server?
enctype
EXAMPLE: <form action=”/action_page_binary.asp” method=”post” enctype=”multipart/form-data”>
Which attribute specifies the HTTP method to be used when submitting the form data?
method
EXAMPLE: <form action=”/action_page.php” method=”get” target=”_blank”>
Which attribute specifies where to display the response that is received after submitting the form?
target
EXAMPLE: <form action=”/action_page.php” method=”get” target=”_blank”>
Which attribute refers to pre-defined options contained in a datalist?
list
EXAMPLE:<input list=”browsers”>
<datalist id=”browsers”>
</datalist>
Which attribute refers to pre-defined options contained in a datalist?
Which attributes define the minimum or maximum value for an <input></input> element?
min and max
EXAMPLE: <input type=”number” min=”1” max=”5”>
Which attribute defines the maximum length of input allowed in an <input></input> field?
maxlength
EXAMPLE: <input type=”text” maxlength=”4”>
Which attribute allows the user to enter more than one value in the <input></input> element?
multiple
EXAMPLE: <input type=”file” id=”files” multiple>
Which attribute checks input into the field against a regular expression, which is a pattern of characters for use in pattern-matching and search-and-replace functions?
pattern
EXAMPLE: <input type=”text” pattern=”[A-Za-z]{3}”>
Which attribute provides a hint to the user of the input value expected in the <input></input> field?
placeholder
EXAMPLE: <input type=”tel” placeholder=”123-45-678”>
Which attribute requires input in the field before the form can be submitted?
required
EXAMPLE: <input type=”text” required>
What do we call the process that tests data input to verify whether the input follows a specified format or meets minimum requirements for character number or type?
user input validation
Which pattern ensures the user enters a three digit country code?
<input type=”text” pattern=”[A-Za-z]{3}”>
Which pattern ensures the user enters a date formatted as 1/1/2021?
<input type=”text” pattern=”\d{1,2}/\d{1,2}/\d{4}”>
Which pattern ensures the user enters a valid email address?
<input type=”email” pattern=”^.+@.+$”>
Which pattern ensures the user enters latitude/longitude?
<input type=”text” pattern=”-?\d{1,3}.\d+”>
Which pattern ensures the user enters a price?
<input type=”text” pattern=”\d+(.\d{2})?”>
Which pattern ensures the user enters a URL beginning with https?
<input type=”url” pattern=”https?://.+”>
Which input type displays as round buttons in a group of mutually exclusive pre-determined choices?
<input type=”radio”>
Which HTML element submits a user’s completed form data to the server for processing?
<button type=”submit”>
Which HTML element resets the form data to its initial value?
<button type=”reset”>
Which HTML element creates a clickable button that does not directly affect form data and allows text and images to be placed within its tags?
<button type=”button”>
Which input type displays as square buttons in a group of pre-determined choices from which the user can select more than one choice?
<input type=”checkbox”>
Which element creates a rectangular field that can expand upon user interaction and allow users to select one or more pre-determined choices?
<select>
What occurs when users must submit and resubmit a form until it validates?
pogo-sticking
Which input type displays as rectangle field into which users can type alphanumeric characters of their choice?
<input type=”text”>
Which input type allows the user to choose colors?
<input type=”color”>
Which input type allows the user to enter a date (without time zone) using a drop-down date-picker calendar?
<input type=”date”>
Which input type allows the user to choose a date and time with a GMT time zone?
<input type=”datetime”>
Which input type allows the user to choose a date and time with a local time zone?
<input type=”datetime-local”>
Which input type allows the user to enter an e-mail address?
<input type=”email”>
Which input type allows the user to choose a date using the month and year (without time zone)?
<input type=”month”>
Which input type allows the user to enter rational integers or float values?
<input type=”number”>
Which input type allows the user to enter numbers using a slider control?
<input type=”range”>
Which input type allows the user to enter text for a search query?
<input type=”search”>
Which input type allows the user to enter a phone number?
<input type=”tel”>
Which input type allows the user to enter a time (without time zone)?
<input type=”time”>
Which input type allows the user to enter a URL, such as an http://, ftp:// or mailto: address?
<input type=”url”>
Which input type allows the user to choose a date using the week and year (without time zone)?
<input type=”week”>
Which element specifies a list of pre-defined choices for an <input></input> element?
<datalist>
Which element adds security to a form through asymmetric encryption by creating a key-pair generator field in the form?
<keygen>
Which element displays the result when a calculation is performed?
<output>
Which attribute applies focus on the element when the page loads?
autofocus
EXAMPLE: <input type=”text” autofocus>
Which attribute disables an element?
disabled
EXAMPLE: <input type=”text” disabled>
Which attribute specifies the IDs of elements whose values were used?
for
EXAMPLE: <label for=”other”>Other</label>
Which attribute specifies the form(s) on the page in which the element appears?
form
EXAMPLE: <button type=”submit” form=”form1”>Submit</button>
Which attribute specifies a name for the element that can be used to reference it?
name
EXAMPLE: <input type=”text” name=”fname”>
Which attribute specifies whether text submitted in a form field is to be wrapped?
wrap
EXAMPLE: <textarea rows=”2” cols=”20” wrap=”hard”>At W3Schools you will find free Web-building tutorials.</textarea>
Which element allows you to add a caption for a group of items created by the <fieldset> element?
<legend>
Which element is used to group elements so that related fields are placed together in a form?
<fieldset>
Which element enables you to add a label to an input element in a form?
<label>
When you use the <input></input> element to create form fields, what occurs if you neglect to include the type attribute?
The browser will use the default type of text.
What occurs if an input type is not supported by a browser (example: search)?
The browser will degrade to a standard text box.
What is a disadvantage of waiting to validate user input until after the user completes the form?
Some users may become frustrated if they need to submit and resubmit a form until it validates.
What is the benefit of inline validation?
Users can resolve errors as they fill out each form field and submit the completed form just once.
What can validation techniques not check for?
truthful information
This JavaScript code is the equivalent of which HTML5 attribute?
function validateForm(){
var x = document.forms[“myForm”][“number”].value;
if (!x){alert(“Please enter a phone number”);
return false;}
}
The ‘required’ attribute
This JavaScript code is the equivalent of which HTML5 attribute?
function validateForm(){
var x = document.forms[“myForm”][“email”].value;
var atpos=x.indexOf(“@”);
var dotpos=x.lastIndexOf(“.”);
if (atpos < 1 || dotpos < atpos+2 || dotpos + 2 >= x.length){
alert(“Please enter a valid e-mail address”);
return false;}
}
The ‘pattern’ attribute
Calculations in a Web page form are usually performed by what?
a script
Do HTML5 input types display differently or the same in various browsers?
differently
What is the default security algorithm used with the HTML5 <keygen></keygen> element?
RSA
What two keys are created by the HTML5 <keygen></keygen> element?
A private key and a public key
Prior to HTML5, what did Web developers use to conduct inline validation in HTML forms?
JavaScript
