Some unknown HTML tags
Tags: html
Published: 2022-04-21 05:03:46

## 1. Fieldset tag

The `<fieldset>` tag in HTML is used to group logically similar fields within an HTML form.

```html 
<fieldset>
      <legend>User details:</legend>
      <label>Name</label><br />
      <input type="text" name="name" /><br />
      <label>Email</label><br />
      <input type="email" name="email" /><br />
</fieldset>
```

### Output

![fieldset](https://cdn.hashnode.com/res/hashnode/image/upload/v1650514509810/pSwybT_x-.png)

## 2. kbd tag 
It's a phrase tag that specifies the keyboard input. The text within the `<kbd>` tag is usually displayed in the browser's default monospace typeface.

```html 
<p>keyboard shortcut : 
        <kbd>Ctrl</kbd> + <kbd>N</kbd>
</p>
```

### Output 

![kbd](https://cdn.hashnode.com/res/hashnode/image/upload/v1650516223990/TM4iSAL4n.png)

## 3. Datalist tag

In HTML files, the `<datalist>` tag is used to give autocomplete functionality. It can be combined with an input tag to allow users to quickly fill out forms by selecting data.

```html
<form>
      <label>Your Options: </label>
      <input list="options" />
      <datalist id="options">
         <option value="Option 1" />
         <option value="Option 2" />
         <option value="Option 3" />
      </datalist>
</form>
```
### Output

![datalist](https://cdn.hashnode.com/res/hashnode/image/upload/v1650515030877/Teb_uDhhe.png)

## 4. Meter tag 
A scalar measurement within a predefined range, or a fractional value, is defined with the `<metre>` tag.

```html
Progress : <meter value="0.7">7 out of 10</meter>
```
### Output 

![meter tag](https://cdn.hashnode.com/res/hashnode/image/upload/v1650516417826/T9C2MYJsB.png)

## 5. Time tag

The `<time>` tag specifies a specified day and time (or datetime).

```html
<p>Open from <time>10:00</time> to <time>21:00</time> every weekday.</p>
```
### Output

![time tag](https://cdn.hashnode.com/res/hashnode/image/upload/v1650515316670/Rt66KWKs2.png)

## 6. Progress tag

The `<progress>` tag is used to show how far a work has progressed. It makes it simple for web developers to add a progress bar to their website. It's usually used to illustrate how far a file is uploading on a web page.

```html 
Downloading progress:  
<progress value="80" max="100"></progress> 
```

### Output 

![progress](https://cdn.hashnode.com/res/hashnode/image/upload/v1650515455239/bJQMBiYvm.png)

## 7. Abbr tag

The `<abbr>` tag represents an acronym or abbreviation of a longer term or phrase, such as www, HTML, HTTP, and so on. In some browsers, content written between `<abbr>` tags is rendered with a dotted underline.
```html
    <p>Abbreviation : <abbr title="HyperText Markup language">HTML</abbr> </p>
```
### Output
![abbr tag](https://cdn.hashnode.com/res/hashnode/image/upload/v1650515764646/Ci2NgJcX9.png)

## 8. Details tag
The `<details>` tag is used to express additional information on a web page that the user can view or hide at any time.

```html
<details>  
      <summary>Click here to expand.</summary>  
      <p>Summary goes here</p>  
 </details>  
```
### Output 

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1650515919551/deXNccjGQ.png)