Attributes are the special component used inside the tags by developers in order to get the expected output.

Few important attributes are given below

1. type="number" : To allow only numbers or digts inside input box.




2. type="password" :To hide the data inside the input box by displaying dots.




3. type="date" : To allow date containing dd-mm-yyyy format inside the input box.




4. type="month" : To allow date containing mm-yyyy format inside the input box.




5. type="radio" : To allow the customers for selecting the one option.




6. type="checkbox" : To allow the customers for selecting the multiple options.

7. type="file" : To allow the customers for uploading the different kind of files.

8. type="reset" : To allow the customers to clear the data given in input boxes.

Note : By default,all the radio buttons can be selected by customers.In order to make radio buttons to behave as single option selector,developers make use of "name" attribute.

Note : For Required attribute to work,it must be accompanied with the folllowing tags

1. Form tag




2. Submit button

Syntax : Pattern="[6-9]{1}[0-9]{9}"

Note : Pattern attribute works in the program with the help of

1. Form tag




2. Submit button

Note : Min and Max attribute will work in the program only if it contains form tag and submit button.

Pattern attribute is used only to check the contents whether data contains numbers or alphabets or special characters whereas min and max attribute is used to keep the restriction on the number data.

Note : Form tag is basically used for four important reasons they are

1. To make the fields as mandatory with the help of required attribute.

2. To check or verify the customers data by using pattern attribute.

3. To keep the restriction on the data given by customer by using min and max attribute.

4. To clear the data given by the customr by using the type="reset" attribute.

Placeholder attribute is used to create the watermark on the boxes.It can be used as alternative for the label tag.

Textarea tag is used to create larger dimension text box where user can enter more number of characters.