1. Fill in the attribute to set an initial value:
<input type="text" name="username" _____="John">
This attribute sets the default text that appears in the input field.
2. Fill in the attribute to make the field read-only:
<input type="text" name="email" _____>
This attribute prevents users from editing the field, but they can still select and copy the text.
3. Fill in the attribute to disable the input field:
<input type="text" name="field" _____>
This attribute makes the field completely unusable and grayed out.
4. Fill in the attribute to set the visible width to 50 characters:
<input type="text" name="address" _____="50">
This attribute controls how wide the input field appears on screen.
5. Fill in the attribute to limit input to 10 characters:
<input type="text" name="pin" _____="10">
This attribute sets the maximum number of characters a user can type.
6. Fill in the attribute to set minimum value for a number input:
<input type="number" name="age" _____="18">
This attribute sets the smallest allowed value for number inputs.
7. Fill in the attribute to set maximum value for a number input:
<input type="number" name="quantity" _____="100">
This attribute sets the largest allowed value for number inputs.
8. Fill in the attribute to show a hint text in the field:
<input type="text" name="phone" _____="555-1234">
This attribute displays gray text inside the field that disappears when typing starts.
9. Fill in the attribute to make the field mandatory:
<input type="text" name="username" _____>
This attribute forces the user to fill in the field before submitting.
10. Fill in the attribute to specify a validation pattern:
<input type="text" name="code" _____="[0-9]{3}">
This attribute uses regular expressions to validate the input format.
11. Fill in the attribute to set number intervals (e.g., 5, 10, 15):
<input type="number" name="points" _____="5">
This attribute defines the increment/decrement value when using arrow buttons.
12. Fill in the attribute to automatically focus this field on page load:
<input type="text" name="search" _____>
This attribute makes the cursor appear in this field when the page loads.
13. Fill in the attribute to enable browser autocomplete:
<input type="text" name="name" _____="on">
This attribute controls whether the browser suggests previously entered values.
14. Fill in the attribute to link to a datalist:
<input type="text" name="browser" _____="browsers">
This attribute connects the input to a dropdown list of predefined options.
15. Fill in the attribute to set the minimum length of input:
<input type="text" name="username" _____="5">
This attribute requires the user to enter at least this many characters.
16. Fill in the attribute to provide a title/tooltip on hover:
<input type="text" name="code" _____="Enter three digits">
This attribute shows extra information when you hover over the element.
17. Fill in the attribute to specify the form this input belongs to:
<input type="text" name="email" _____="myform">
This attribute associates an input with a form element by ID.
18. Fill in the attribute to set input direction (left-to-right or right-to-left):
<input type="text" name="text" _____="rtl">
This attribute controls text direction, useful for languages like Arabic or Hebrew.
19. Fill in the attribute to associate a label with this input:
<input type="text" name="username" _____="user">
This attribute provides a unique identifier that labels can reference with "for".
20. Fill in the attribute to add a CSS class to the input:
<input type="text" name="field" _____="input-large">
This attribute assigns CSS class names for styling purposes.