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”>