Shulou(Shulou.com)06/02 Report--

This article mainly introduces how to set the width of input in html, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, let the editor take you to understand it.

The method of setting input width in html: 1, set width attribute to input element, syntax "; 2, add width style to input element, syntax" input {width: width value;} ".

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

Set the width of input in html

Method 1: use the width attribute of the input element

The HTML 5 width attribute specifies the width of the element.

Note: the width attribute applies only to.

Tip: it's a good habit to specify height and width attributes for images. If these properties are set, the required space is reserved for the picture when the page loads. Without these attributes, the browser cannot understand the size of the image and cannot reserve the appropriate space for it. The situation is that when pages and pictures are loaded, the page layout changes.

Example:

User name:

Secret code:

Effect picture:

Method 2: use css width style

The width property sets the width of the element.

# pass {width: 200px;} user name:

Secret code:

Effect picture:

Thank you for reading this article carefully. I hope the article "how to set the width of input in html" shared by the editor will be helpful to you. At the same time, I also hope you will support us and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.