Forms

Question 1

Which HTML tag is used to create an HTML form for user input?

Answer 1

<form>

Question 2

Which attribute specifies whether a form or an input field should allow the browser to predict the value?

Answer 2

autocomplete

EXAMPLES: <form action=”action_page.php” autocomplete=”on”>
<input type=”email” autocomplete=”off”>

Question 3

Which attribute specifies that the form input should not be validated when submitted?

Answer 3

novalidate

EXAMPLE: <form action=”/action_page.php” novalidate>

Question 4

Which attribute defines the action to be performed when the form is submitted?

Answer 4

action

EXAMPLE: <form action=”/action_page.php”>

Question 5

Which attribute specifies how form input should be encoded when submitted to the server?

Answer 5

enctype

EXAMPLE: <form action=”/action_page_binary.asp” method=”post” enctype=”multipart/form-data”>

Question 6

Which attribute specifies the HTTP method to be used when submitting the form data?

Answer 6

method

EXAMPLE: <form action=”/action_page.php” method=”get” target=”_blank”>

Question 7

Which attribute specifies where to display the response that is received after submitting the form?

Answer 7

target

EXAMPLE: <form action=”/action_page.php” method=”get” target=”_blank”>

Question 8

Which attribute refers to pre-defined options contained in a datalist?

Answer 8

list

EXAMPLE:<input list=”browsers”>
<datalist id=”browsers”>
</datalist>
Which attribute refers to pre-defined options contained in a datalist?

Question 9

Which attributes define the minimum or maximum value for an <input></input> element?

Answer 9

min and max

EXAMPLE: <input type=”number” min=”1” max=”5”>

Question 10

Which attribute defines the maximum length of input allowed in an <input></input> field?

Answer 10

maxlength

EXAMPLE: <input type=”text” maxlength=”4”>

Question 11

Which attribute allows the user to enter more than one value in the <input></input> element?

Answer 11

multiple

EXAMPLE: <input type=”file” id=”files” multiple>

Question 12

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?

Answer 12

pattern

EXAMPLE: <input type=”text” pattern=”[A-Za-z]{3}”>

Question 13

Which attribute provides a hint to the user of the input value expected in the <input></input> field?

Answer 13

placeholder

EXAMPLE: <input type=”tel” placeholder=”123-45-678”>

Question 14

Which attribute requires input in the field before the form can be submitted?

Answer 14

required

EXAMPLE: <input type=”text” required>

Question 15

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?

Answer 15

user input validation

Question 16

Which pattern ensures the user enters a three digit country code?

Answer 16

<input type=”text” pattern=”[A-Za-z]{3}”>

Question 17

Which pattern ensures the user enters a date formatted as 1/1/2021?

Answer 17

<input type=”text” pattern=”\d{1,2}/\d{1,2}/\d{4}”>

Question 18

Which pattern ensures the user enters a valid email address?

Answer 18

<input type=”email” pattern=”^.+@.+$”>

Question 19

Which pattern ensures the user enters latitude/longitude?

Answer 19

<input type=”text” pattern=”-?\d{1,3}.\d+”>

Question 20

Which pattern ensures the user enters a price?

Answer 20

<input type=”text” pattern=”\d+(.\d{2})?”>

Question 21

Which pattern ensures the user enters a URL beginning with https?

Answer 21

<input type=”url” pattern=”https?://.+”>

Question 22

Which input type displays as round buttons in a group of mutually exclusive pre-determined choices?

Answer 22

<input type=”radio”>

Question 23

Which HTML element submits a user’s completed form data to the server for processing?

Answer 23

<button type=”submit”>

Question 24

Which HTML element resets the form data to its initial value?

Answer 24

<button type=”reset”>

Question 25

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?

Answer 25

\

Question 26

Which input type displays as square buttons in a group of pre-determined choices from which the user can select more than one choice?

Answer 26

\

Question 27

Which element creates a rectangular field that can expand upon user interaction and allow users to select one or more pre-determined choices?

Answer 27

\

Question 28

What occurs when users must submit and resubmit a form until it validates?

Answer 28

pogo-sticking

Question 29

Which input type displays as rectangle field into which users can type alphanumeric characters of their choice?

Answer 29

\

Question 30

Which input type allows the user to choose colors?

Answer 30

\

Question 31

Which input type allows the user to enter a date (without time zone) using a drop-down date-picker calendar?

Answer 31

\

Question 32

Which input type allows the user to choose a date and time with a GMT time zone?

Answer 32

\

Question 33

Which input type allows the user to choose a date and time with a local time zone?

Answer 33

\

Question 34

Which input type allows the user to enter an e-mail address?

Answer 34

\

Question 35

Which input type allows the user to choose a date using the month and year (without time zone)?

Answer 35

\

Question 36

Which input type allows the user to enter rational integers or float values?

Answer 36

\

Question 37

Which input type allows the user to enter numbers using a slider control?

Answer 37

\

Question 38

Which input type allows the user to enter text for a search query?

Answer 38

\

Question 39

Which input type allows the user to enter a phone number?

Answer 39

\

Question 40

Which input type allows the user to enter a time (without time zone)?

Answer 40

\

Question 41

Which input type allows the user to enter a URL, such as an http://, ftp:// or mailto: address?

Answer 41

\

Question 42

Which input type allows the user to choose a date using the week and year (without time zone)?

Answer 42

\

Question 43

Which element specifies a list of pre-defined choices for an element?

Answer 43

\

Question 44

Which element adds security to a form through asymmetric encryption by creating a key-pair generator field in the form?

Answer 44

\

Question 45

Which element displays the result when a calculation is performed?

Answer 45

\

Question 46

Which attribute applies focus on the element when the page loads?

Answer 46

autofocus EXAMPLE: \

Question 47

Which attribute disables an element?

Answer 47

disabled EXAMPLE: \

Question 48

Which attribute specifies the IDs of elements whose values were used?

Answer 48

for EXAMPLE: \Other

Question 49

Which attribute specifies the form(s) on the page in which the element appears?

Answer 49

form EXAMPLE: \Submit

Question 50

Which attribute specifies a name for the element that can be used to reference it?

Answer 50

name EXAMPLE: \

Question 51

Which attribute specifies whether text submitted in a form field is to be wrapped?

Answer 51

wrap EXAMPLE: \At W3Schools you will find free Web-building tutorials.\

Question 52

Which element allows you to add a caption for a group of items created by the

element?

Answer 52

\

Question 53

Which element is used to group elements so that related fields are placed together in a form?

Answer 53

\

Question 54

Which element enables you to add a label to an input element in a form?

Answer 54

\

Question 55

When you use the element to create form fields, what occurs if you neglect to include the type attribute?

Answer 55

The browser will use the default type of text.

Question 56

What occurs if an input type is not supported by a browser (example: search)?

Answer 56

The browser will degrade to a standard text box.

Question 57

What is a disadvantage of waiting to validate user input until after the user completes the form?

Answer 57

Some users may become frustrated if they need to submit and resubmit a form until it validates.

Question 58

What is the benefit of inline validation?

Answer 58

Users can resolve errors as they fill out each form field and submit the completed form just once.

Question 59

What can validation techniques not check for?

Answer 59

truthful information

Question 60

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;} }

Answer 60

The 'required' attribute

Question 61

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;} }

Answer 61

The 'pattern' attribute

Question 62

Calculations in a Web page form are usually performed by what?

Answer 62

a script

Question 63

Do HTML5 input types display differently or the same in various browsers?

Answer 63

differently

Question 64

What is the default security algorithm used with the HTML5 element?

Answer 64

RSA

Question 65

What two keys are created by the HTML5 element?

Answer 65

A private key and a public key

Question 66

Prior to HTML5, what did Web developers use to conduct inline validation in HTML forms?

Answer 66

JavaScript