HTML | size Attribute
The size attribute in HTML is used to specify the initial width for the input field and a number of visible rows for the select element.
The size attribute can be used with the following elements:
Attribute Values: It contains a numeric value that specify the number of visible options in the drop-down list. It has a default value which is 4.
<input> size Attribute: This attribute specifies the visible width of input element.
Syntax:
<input size = "value">
Example:
html
<!DOCTYPE html><html><head> <title>HTML size Attribute</title> <style> h1, h2 { text-align: center; } </style></head><body> <center> <h1 style="color: green;"> GeeksforGeeks </h1> <h2> HTML size Attribute </h2> <!-- It is the default size --> Name: <input type="text"> <br> <br> <!-- It's user specified size with value 50 --> Email-id: <input type="text" size="50"> </center></body></html> |
Output:
<select> size Attribute: This attribute specifies the number of visible options in a drop-down list.
Syntax:
<select size = "value"> option values...</select>
Example:
html
<!DOCTYPE html><html> <head> <title>HTML size Attribute</title> <style> h1, h2 { text-align: center; } </style> </head> <body> <h1 style = "color: green;"> GeeksforGeeks </h1> <h2> HTML size Attribute </h2> <p>Sorting Algorithms</p> <select size="3"> <option value="merge"> merge sort </option> <option value="bubble"> bubble sort </option> <option value="selection"> selection sort</option> <option value="quick">quick sort</option> <option value="insertion">insertion sort</option> </select> </body></html> |
Output:
<hr> size Attribute: This attribute specifies the height of the horizontal line.
Syntax:
<hr size = "value">
Example:
html
<!DOCTYPE html><html> <head> <title>HTML size Attribute</title> <style> h1, h2 { text-align: center; } hr { background: green; } </style> </head> <body> <h1 style = "color: green;"> GeeksforGeeks </h1> <h2> HTML size Attribute </h2> <hr size = "26"> </body></html> |
Output:
Supported Browsers: The browsers supported by size attribute are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
Please Login to comment...