How to set the size of html text box

How to set the size of the html text box: first create a new html page; then add a label label and an input box; finally modify the width by setting the size attribute.

The operating environment of this article: Windows7 system, HTML5&&CSS3 version, Dell G3 computer.

How to set the size of the text box in HTML

The steps are as follows

First use sublime text2 to create a new html page for testing. I call it test.html

#At this time, add a label tag and an input box to the web page.

Preview the effect, we can know that the default width is 10

Here we modify it by setting the size attribute Check the width.

Preview the effect again. Has the width been reduced?

If you simply change the width, this is enough, but if you modify other things. We need to add the style attribute

# to preview the final effect. You can see that the width and height have changed

Recommended study: "html video tutorial"

The above is the detailed content of How to set the size of html text box. For more information, please follow other related articles on the PHP Chinese website!