Interesting attributes in HTML

HTML is Hypertext Markup Language: It is the markup language used to specify the elements to the browsers and its layout for any website. Some people think it's an easy language and it is too. But here I am going to tell you about some of the exciting tags that will blow your mind. Some people underestimate the powers of HTML. Some of the HTML attributes may be helpful for you:

spellcheck attribute:-

This attribute helps us to check the spelling and provide an error mark. It can be used with a text area and input fields except for the passwords. The attribute has the syntax:

<input type="text" spellcheck="value">

<textarea type="text" spellcheck="value"> </textarea>

The value in spellcheck is assigned for whether to enable the spellcheck or not. There are two valid values:

i.True: It defines that the HTML element should be checked for errors and here is how it works.

 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
 </head>
 <body>
     <form>
         <div>
             <input type="text" spellcheck="true">
         </div>
         <div>
             <input type="text" spellcheck="true">
         </div>
         <div>
             <button type="reset">Reset</button>
         </div>
     </form>
 </body>
 </html>

The output came correct but I was unable to take the screenshot so I edited it. You can see the red line that comes by default when the spellcheck is true:

ii. False: It defines that the HTML element should not be checked for errors and here is how it works.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form>
        <div>
            <input type="text" spellcheck="false">
        </div>
        <div>
            <input type="text" spellcheck="false">
        </div>
        <div>
            <button type="reset">Reset</button>
        </div>
    </form>
</body>
</html>

The output came like this:

This is the way this attribute works.

the download attribute:

This attribute helps to put the file on your website and when it is clicked the user can download it easily. The file name is si. txt.You can try with your editor. The syntax is written here:
```
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
 </head>
 <body>
     <a download="/your/file/here" href="si.txt">DOWNLOAD</a>
 </body>
 </html>
```
1. Autocomplete attribute:
  
  The autocomplete attribute specifies whether a form or an input field should autocomplete on or off. Here is the syntax:
  
  <input type="text" autocomplete="on" />
2. Multiple files attribute :
  
  Using the "multiple" attribute of the input element, you are allowed to enter more than one value in the input field. It means more than one email can be entered in one input field.
  
  <input type="email" multiple>
  
  CONCLUSION:
  
  These are the attributes and I hope to bring more such content to your table. So stay tuned and you can Subscribe to my newsletter to get to know about more technical things.

Amazing things in HTML

Table of contents

No headings in the article.