Summary  
This chapter explains how to apply HTML input attributes—such as placeholder, name, value, required, disabled, readonly, min, and max—to control field behavior and enforce validation rules on user inputs.

General domain of usage  
Web forms

You already know how to use inputs and labels. Now let's look at the most useful attributes that make input fields more helpful and user-friendly.

#### Placeholder 
Shows hint text inside the field.
```html
<input type="text" placeholder="Enter your email" />
```

#### Name
Identifies the field when the form is submitted.
```html
<input type="text" name="username" />
```

#### Value 
Sets a default value in the field.
```html
<input type="tel" value="+1 (484) 298-9732" />
```

#### Required
Prevents form submission if the field is empty.
```hml
<input type="password" required />
```

#### Disabled
Makes the field uneditable and non-interactive.
```html
<input type="text" value="New York" disabled />
```


#### Readonly
Displays a value that users can copy but cannot change.
```html
<input type="text" value="USA" readonly />
```

#### Min and Max
Set limits for numeric inputs.
```html
<input type="number" min="21" max="99" />
```


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkF0dHJpYnV0ZXMgZm9yIElucHV0IEVsZW1lbnRzPC90aXRsZT4KICAgIDxtZXRhIGNoYXJzZXQ9IlVURi04IiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxmb3JtIG9uc3VibWl0PSJyZXR1cm4gZmFsc2UiPgogICAgICA8bGFiZWwgZm9yPSJtYWlsIj5FbWFpbDo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0iZW1haWwiIGlkPSJtYWlsIiBuYW1lPSJtYWlsIiBwbGFjZWhvbGRlcj0iRW50ZXIgeW91ciBlbWFpbCIgcmVxdWlyZWQ+PGJyPgogICAgICAKICAgICAgPGxhYmVsIGZvcj0idXNlcm5hbWUiPlVzZXJuYW1lOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJ0ZXh0IiBpZD0idXNlcm5hbWUiIG5hbWU9InVzZXJuYW1lIj48YnI+CiAgICAgIAogICAgICA8bGFiZWwgZm9yPSJwaG9uZS1udW1iZXIiPlBob25lIG51bWJlcjo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGVsIiBpZD0icGhvbmUtbnVtYmVyIiBuYW1lPSJwaG9uZS1udW1iZXIiIHZhbHVlPSIrMSAoNDg0KSAyOTgtOTczMiI+PGJyPgogICAgICAKICAgICAgPGxhYmVsIGZvcj0icGFzc3dvcmQiPlBhc3N3b3JkOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJwYXNzd29yZCIgaWQ9InBhc3N3b3JkIiBuYW1lPSJwYXNzd29yZCIgcmVxdWlyZWQ+PGJyPgogICAgICAKICAgICAgPGxhYmVsIGZvcj0iY2l0eSI+Q2l0eTo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGV4dCIgaWQ9ImNpdHkiIG5hbWU9ImNpdHkiIHZhbHVlPSJOZXcgWW9yayIgZGlzYWJsZWQ+PGJyPgogICAgICAKICAgICAgPGxhYmVsIGZvcj0iY291bnRyeSI+Q291bnRyeTo8L2xhYmVsPgogICAgICA8aW5wdXQgdHlwZT0idGV4dCIgaWQ9ImNvdW50cnkiIG5hbWU9ImNvdW50cnkiIHZhbHVlPSJVU0EiIHJlYWRvbmx5Pjxicj4KICAgICAgCiAgICAgIDxsYWJlbCBmb3I9ImFnZSI+QWdlOjwvbGFiZWw+CiAgICAgIDxpbnB1dCB0eXBlPSJudW1iZXIiIGlkPSJhZ2UiIG5hbWU9ImFnZSIgbWluPSIyMSIgbWF4PSI5OSI+PGJyPgogICAgICAKICAgICAgPGJ1dHRvbiB0eXBlPSJzdWJtaXQiPlNlbmQgRm9ybTwvYnV0dG9uPgogICAgPC9mb3JtPgogIDwvYm9keT4KPC9odG1sPg==

Which attribute provides a hint or example text within an input field, guiding users on what type of input is expected?

What attribute specifies the input field's name, which is used to identify the input data when the form is submitted?

Which attribute prevents form submission if the required field is left empty?

Build structured web pages using HTML elements and semantic layout. Work with text, links, images, tables, and forms to create real content. Learn how to organize and structure complete web pages from scratch.

HTML Input Attributes for Enhanced Functionality

Common Input Attributes

Placeholder

Name

Value

Required

Disabled

Readonly

Min and Max

1. Which attribute provides a hint or example text within an input field, guiding users on what type of input is expected?

2. What attribute specifies the input field's name, which is used to identify the input data when the form is submitted?

3. Which attribute prevents form submission if the required field is left empty?