Join the discussion
Question 5/22
You are creating a form that requires the category to be entered as a two- or three-letter abbreviation. The input is mandatory.
You need to configure the input validation for the form.
Complete the markup by typing into the boxes.
Note: You will receive partial credit for each correct answer.

You need to configure the input validation for the form.
Complete the markup by typing into the boxes.
Note: You will receive partial credit for each correct answer.

Correct Answer:
minlength , maxlength , required
Explanation:
First box: minlength
Second box: maxlength
Third box: required
The correct validation attributes are minlength, maxlength, and required. The input must accept a category abbreviation that is either two or three characters long. The minlength= " 2 " attribute enforces the lower boundary by preventing submission when the entered text contains fewer than two characters. The maxlength= " 3 " attribute enforces the upper boundary by preventing the user from entering more than three characters into the field. Since the question states that the input is mandatory, the required attribute must also be included. required is a Boolean validation attribute, so it does not need a value; its presence alone makes the field required before the form can be submitted. Together, these attributes configure basic HTML5 constraint validation directly in markup without requiring JavaScript. The completed input therefore requires a value, rejects values shorter than two characters, and limits the value to no more than three characters.
References/topics: HTML5 form validation, minlength, maxlength, required, text input constraints, mandatory form fields.
Explanation:
First box: minlength
Second box: maxlength
Third box: required
The correct validation attributes are minlength, maxlength, and required. The input must accept a category abbreviation that is either two or three characters long. The minlength= " 2 " attribute enforces the lower boundary by preventing submission when the entered text contains fewer than two characters. The maxlength= " 3 " attribute enforces the upper boundary by preventing the user from entering more than three characters into the field. Since the question states that the input is mandatory, the required attribute must also be included. required is a Boolean validation attribute, so it does not need a value; its presence alone makes the field required before the form can be submitted. Together, these attributes configure basic HTML5 constraint validation directly in markup without requiring JavaScript. The completed input therefore requires a value, rejects values shorter than two characters, and limits the value to no more than three characters.
References/topics: HTML5 form validation, minlength, maxlength, required, text input constraints, mandatory form fields.
Add Comments
- Other Question (22q)
- Q1. You need to display the following user interface: A text input field that displays a selec...
- Q2. Review the following markup segment: < form action= " process.js " method= " get " >...
- Q3. You need to define a grid that meets the following requirements: * Explicitly sets the wid...
- Q4. You are creating a script that reads a JSON menu file and displays the Entree, Price, and ...
- Q5. You are creating a form that requires the category to be entered as a two- or three-letter...
- Q6. You have created custom error messages for a form. When a user attempts to submit the form...
- Q7. The following form is missing validation attributes: < form > < div class= " cont...
- Q8. You write the following markup to create a page. Line numbers are included for reference o...
- Q9. Which CSS property defines the sides of an element where other floating elements are not a...
- Q10. You define the following layout: < !DOCTYPE html > < html > < head > <...
- Q11. The following output has more text than will fit in the element. (Exhibit) You need to app...
- Q12. The logo shown is displayed on a web page as an SVG. Note: The coordinate values are label...
- Q13. Review the markup segment. Which entry will validate successfully according to the require...
- Q14. Which two statements correctly describe media queries? Choose 2....
- Q15. The following code adds items to the groceries array from the other arrays. Line numbers a...
- Q16. You create an interface for a touch-enabled application. You discover that some of the inp...
- Q17. You need to create the layout shown, which defines five content areas: * Logo and page tit...
- Q18. Match each property to its corresponding value for creating the CSS flexible box layout. M...
- Q19. Which markup segment creates an SVG ellipse?
- Q20. A local photographer asks you to add filters as shown to the images in their photo gallery...
- Q21. You need to ensure that the value of an input element is a valid 10-digit phone number wit...
- Q22. You define the Pet class as follows: class Pet { constructor(name, breed) { this.name = na...
