# HTML Input Attributes

● The value Attribute

● The readonly Attribute

 The readonly attribute specifies that the input field is read only.

● The value Attribute

 The disabled attribute specifies that the input field is disabled.
This input field is unusable and un-clickable, and its value will not be sent when submitting the form.

● The size Attribute

 The size attribute specifies the size for the input field.

● The maxlength Attribute

 The maxlength attribute specifies the maximum allowed length for the input field.

with a maxlength attribute, the input field will not accept more than the allowed number of characters.
This attribute does not provide any feedback. If you want to alert the user, you must write JSP code.

● The autocomplete Attribute

 The autocomplete attribute specifies whether a form or input field should have autocomplete on or off.

When autocomplete is on, the browser automatically complete the input values based on values that the user has entered before.

● The novalidate Attribute

 The novalidate attribute is a <form> attribute.
When present, novalidate specifies that the form data should not be validated when submitted.

● The autofocus Attribute

 The autofocus attribute specifies that the input field should automatically get focus when the page loads.

● The form Attribute

 The form attribute specifies one or more forms an <input> element belongs to.
 To refer to more than one form, use a space-separated list of form ids.

● The formaction Attribute

 The formaction attribute specifies the URL of a file that will process the input control when the form is submitted.
The formaction attribute overrides the action attribute of the <form> element.
The fomraction attribute is used with type="submit" and type="iamge".

● The formenctype Attribute

 The formenctype attribute specifies how the form data should be encoded when submitted.
The formenctype attribute overrides the enctype attribute of the <form> element.
The formenctype attribute is used with type="submit" and type="image".

● The formmethod Attribute

 The formmethod attribute defines the HTTP method for sending form-data to the action URL.
The formmethod attribute overrides the method attribute of the <form> element.
The formmethod attribute can be used with type="submit" and type="image".

● The formnovalidate Attribute

 The formnovalidate attribute overrides the novalidate attribute of the <form> element. It can be used with type="submit"

● The formtarget Attribute

 The formtarget attribute specifies a name or a keyword that indicates where to display the response that is received after submitting the form.
It overrides the target attribute of the <form> element.
This attribute can be used with type="submit" and type="image".

● The multiple Attribute

 The multiple attribute specifies that the user is allowed to enter more than one value in the <input> element.
The multiple attribute works with the following input types: email, and file.

● The pattern Attribute

 The pattern attribute specifies a regular expression that the <input> element's value is checked against.

The pattern attribute works with the following input types: text, search, url, tel, email, and password.

● The placeholder Attribute

 This placeholder attribute specifies a hint that describes the expected value of an input field. This attribute works with the following input types: text, search, url, tel, email, and password.

● The step Attribute

 The step attribute specifies the legal number intervals for an <input> element.
 This attribute works with the following input types: number. range, date, datetime-local, month, time and week.

# HTML Input Types

● The Input Type Text

 <input type="text"> defines a one-line text input field.

● Input Type Password

● Input Type Submit

 <input type="submit"> defines a button for submitting form data to a form-handler.
The form-handler is typically a server page with a script for processing input data.
This is specified in the form's action attribute.

If, Omitting the submit button's value attribute, the button will get a default text "submit".

● Input Type Reset

 <input type="reset"> defines a reset button that will reset all form values to their default values.

● Input Type Radio

 <input type="radio"> defines a radio button.
Radio buttons let a user select ONLY ONE of a limited number of choices.

● Input Type Checkbox

 <input type="checkbox"> defines a checkbox. It let a user select Zero or More options of a limited number of choice.

● Input Type Button

 <input type="button"> defines a button.

● Input Type Color

 <input type="color"> is used for input fields that should contain a color.
Depending on browser support, a color picker can show up in the input field.

● Input Type Date

 <input type="date"> is used for input fields that should contain a date.
Depending on browser support, a date picker can show up in the input field.

● Input Restrictions

https://www.w3schools.com/html/html_form_input_types.asp

# HTML Form Elements

● The <input> Element

● The <select> Element

 The <select> element defines a drop-down list.

The <option> elements defines an option that can be selected.

By default, the first item in the drop-down list is selected.

To define a pre-selected option, add the selected attribute to the option.

● The <textarea> Element

 The <textarea> element defines a multi-line input field.

● The <button> Element

 The <button> element defines a clickable button.

● HTML5 Form Elements

● HTML5 <keygen> Elements

 The purpose of the <keygen> element is to provide a secure way to authenticate users.

 This element specifies a key-pair generator field in a form.

When the form is submitted, two keys are generated, one private and one public.

The private key is stored locally, and the public key is sent to the server.

The public key could be used to generate a client certificate to authenticate the user in the future.

● HTML5 <output> Elements

 The <output> element represents the result of a calculation.

● HTML Form Elements

# HTML Forms

● The <form> Element

● The <input> Element

 The <input> element is the most important form element. This element can be displayed in several ways, depending on the type attribute.

● Text Input

 <input type="text"> defines a one-line input field for text input.

● Radio Button Input

 <input type="radio"> defines a radio button.
Radio buttons let a user select ONE of a limited number of choices.

● The Submit Button

 <input type="submit"> defines a button for submitting the form data to a form-handler.
The form-handler is typically a server page with a script for processing input data. 
This is specified in the form's action attribute.

● The <Action> Attribute

● The Method Attribute

● When to Use GET

● When to Use Post

● The Name Attribute

● Grouping Form Data with <fieldset>

 The <filedset> element is used to group related data in a form.
 The <legend> element defines a caption for the <fieldset> element.

● The <form> Attributes

# HTML iframe Exercise

● Exercise 1 

 Create an iframe with a URL address that goes to https://www.w3schools.com.

● Exercise 2 

 Set the width of the iframe to 500 pixels.

● Exercise 3 

 Remove the border from the iframe.

● Exercise 4 

 Change the color of the iframe's border to red.

# HTML Classes Exercise

● Exercise 1 

 Add the "cites" class to the <div> element.

● Exercise 2 

 Create a class selector named "special". Add the color property with the value "red" inside "special". At last, add the "special" class to <span> and <p>.

● Exercise 3 

# HTML List Exercise

● Exercise 1 

 Add a list item with the text "Coffee" inside <ul>.

● Exercise 2 

 Change the list below to an ordered list.

● Exercise 3 

 Change the list below to display squares instead of bullets.

● Exercise 4 

 Change the list below to display letters instead of numbers.

● Exercise 5 

 Complete the description list below.

● Exercise 6 

 Make the list below display horizontally.