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

In this issue, the editor will bring you about how to set the text box length of html. The article is rich in content and analyzes and narrates it from a professional point of view. I hope you can get something after reading this article.

In html, you can use the width attribute to set the length of the text box, which sets the width of the element by adding a "width: length numeric + length unit;" style to the text box element.

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

The method of setting the length of text Box in html

1. Create a new html file, named test.html, to explain how to use css to adjust the length of the text box.

2. In the test.html file, create two text boxes using the input tag in the p tag, as shown in the following figure.

3. In the test.html file, set the id properties of the two input boxes to one and two respectively, which are mainly used to set the css style through the id below.

4. In the test.html file, write the tag, and the css style of the page will be written in the tag.

5. Within the css tag, style the input tag whose id is one, and use the width attribute to define its length as 100px.

6. Within the css tag, style the input tag whose id is two, and use the width attribute to define its length as 200px.

7. Open the test.html file in the browser to see the effect of the implementation.

The above is the editor for you to share how to set the length of the html text box, if you happen to have similar doubts, you might as well refer to the above analysis to understand. If you want to know more about it, you are welcome to follow the industry information channel.

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.