Home >Web Front-end >HTML Tutorial >What are the attributes of html text field tags? Introduction to the usage of html text field label attributes

What are the attributes of html text field tags? Introduction to the usage of html text field label attributes

寻∝梦Original: 2018-09-01 15:55:5715085browse

This article mainly introduces the attributes and simple usage examples of the HTML text area textarea tag. The content of the article is very simple and easy to learn. The codes are very basic and not difficult, so if you want to learn, please type the code carefully yourself. Next, let’s look at this article together

First let’s take a look at the attributes of the html text area textarea tag:

## The #

tag defines a multi-line text input control. The text area can accommodate an unlimited amount of text, and the default font for the text is a fixed-width font (usually Courier). You can specify the size of the textarea through the cols and rows attributes, but a better way is to use the CSS height and width attributes. Tip: You can set the line wrapping mode in the text input area through the wrap attribute of the <textarea> tag. 
Now let’s talk about a simple usage of html textarea tag: <pre class="brush:html;toolbar:false"><textarea rows="5" cols="20">
在php中文网，你可以找到你所需要的所有的在线编程课程。
</textarea></pre>This only uses the cols attribute and rows attribute, the effect is as shown below: 
<img src="https://img.php.cn//upload/image/807/809/698/1535788258723656.png" title="1535788258723656.png" alt="What are the attributes of html text field tags? Introduction to the usage of html text field label attributes">This is the simplest way to use the textarea tag of the HTML text field, which is used to allow others to enter text. 
Now focus on the wrap attribute: wrap: used to specify the display method when the text content is larger than the text width. 
The wrap attribute of the textarea tag refers to: 
<ul class=" list-paddingleft-2" style="list-style-type: disc;">
<li>When warp="off" means that there is no automatic line wrapping in the text area, if the compiler If there are three lines in the text field, the displayed interface will be three lines. If there is enough content in the text field to exceed the width of the text box, a horizontal scroll bar will appear in the text field. Of course, if you don't write it, the default is automatic line wrapping. 
</li>
<li>When wrap="virtual/(soft)" realizes automatic line wrapping in the text field, but when transmitted to the server, the text only wraps where the user presses the enter key. (Virtual and soft are equivalent, except that soft is an attribute value that later appeared in h5, and virtual is generally not used in h5). It is an automatic soft return and line feed. 
</li>
<li>When wrap="physical/(hard)" automatic line wrapping in the solid text field is sent to the server in this form. (Physical and hard are equivalent, as above, hard is an attribute value that later appeared in h5.) It is an automatic hard carriage return and line feed. 
</li>
</ul>Note: If the height and width are set in the css style, follow the styles in the css! ! ! rows and cols are meaningless, but if wrap="hard", the attributes of cols must be specified. The above is the entire content of this article about the html text area textarea tag. If you have any questions, you can ask below. 【Editor's Recommendation】
How to set the font size of the font tag in html? Introduction to the usage of html font tag attribute<a href="//m.sbmmt.com/div-tutorial-409299.html" target="_blank"></a> 
What is the code for adding images in HTML? How to add image path correctly in html? <a href="//m.sbmmt.com/div-tutorial-409298.html" target="_blank"></a>

The above is the detailed content of What are the attributes of html text field tags? Introduction to the usage of html text field label attributes. For more information, please follow other related articles on the PHP Chinese website!

css html

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：How to make html radio button selected by default? Example of radio button usage of input tagNext article：How to make html radio button selected by default? Example of radio button usage of input tag

See more

What are the attributes of html text field tags? Introduction to the usage of html text field label attributes

Related articles