10 HTML tags and attributes maybe you didn't know!😶
Tags: html, webdev, tutorial, codenewbie
Published: 2021-03-23 16:12:41

In this article, I am going to show some HTML tags and attributes maybe you didn't know so, enjoy guys!


Some examples were taken from W3school's


<h2>1)2 Submit buttons in 1 form!🤯<h2>

Did you know you can have 2 submit buttons in 1 form?
you can use the formaction attribute in order to specify which button will submit to which page.

It can be very useful in some cases.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0nm4oao9hjp6m1zvt1t8.png)


 <h2>2)The <code>template</code> Tag<h2>

You can use the <code>template</code> tag in order to hide some content from the user when the page loads.

You can then use some javascript to show the content later on.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b2t73fj4p1kuqr7pqkw3.png)
 
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8aura5vanu2n9xna0d42.png)
 

 <h2>3)The wbr tag<h2>

Sometimes the browser automatically breaks long word in an incorrect position so you can use the wbr tag in order to tell the browser where it is safe to break the line

it is not going to break any line but it will let the browser know is it safe to break the line there.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2kz10j6gs4fvfkptgen0.png)
 

 <h2>4)The contenteditable attribute<h2>

You can use the contenteditable attribute in order to enable the user to edit the content or disable the user to edit the content.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/858iuhinbavu7978n0vs.png) 


![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gsb5c6btmw8pqht8qan8.png)
 

<h2>5)The colspan attribute<h2>

You can use the colspan attribute in a td tag in order to tell that specific td how many columns it should take from the table row.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/js7n12uaik7u1d60wk5d.png)

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3gp999e0qesowdix22bw.png)
  

<h2>6)The meter tag<h2>

The <meter> tag defines a scalar measurement within a known range, or a fractional value. This is also known as a gauge.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xdhwtb375hqzn4hsgw73.png)

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6ibs2irwgk8lrsubr3nm.png)


<h2>7)The Title attribute<h2>

You can use the title attribute in an element that shows more info about the content as a tooltip


![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/64um1t1ubnitef1rwmzw.png)
 

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5vq4vw6h86vokeqq0ga7.png)
 


<h2>8)The picture tag<h2>

You can use the picture tag to show different images for different window sizes.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6w5muiadfbjqw3s5zw84.png)

 
<h2>9)The blockquote tag<h2>

The <blockquote> tag specifies a section that is quoted from another source.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u44gevkooniny63lvbdw.png)
 

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tm4n8u0odbip209vzbg6.png)


 <h2>10)The multiple attribute<h2>

You can use the multiple attribute in order to let the input take multiple values.

You can also use the multiple attribute in a select tag.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/psdv2nwgdwmcceirx30y.png)

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/upwvxuaowk4hvp39hgaq.png)

That was it! Thank you for reading my article hope this helps you and let me know if you like this little article of mine. Thank you so much for reading this!🙂