How is the TextArea property fixed size in an HTML form? TextArea Attribute Instance Introduction

This article mainly introduces the textarea of the HTML form in the fixed size of the use of the text field, can be used as a Web page message box, there is a detailed form page below, then let us look at this article on the HTML form of the TEXTAREA attribute.

First, let's look at the use of the fixed size of the TextArea property in the HTML form:

HTML tag textarea the size of the textarea can be specified in most browsers by specifying the row (rows) and column (Cols) properties, but the size is adjustable in the browser (Firefox, Chrome), The height and Width properties of the CSS use the same effect as the rows cols definition, and you can drag the lower-right icon to change the size. However, excessive drag size can affect the layout of the page and make the page look ugly. You can disable dragging by adding the following style, fixed size:

This code is shown in the browser as follows:


, this is the fixed size of the message box practice, but also retains the lower right corner of the drag icon, but no use, simply drag, which is fixed.

the TextArea property in an HTML form would have been used as a property of a multiline text field , and now it's time to say, of course, that the text field is used. Let's take a look at the code for a page:

<form action= "URL address" method= "Get/post" name= "form name" ><p> text box </p> username: <input type= "text" Name= " Username "><p> Password box (shown as asterisk and dot) </p> password: <input type=" password "name=" password "><p> Radio box </p > Radio: <input type= "Radio" name= "Sex" value= "nan" > Male      <input type= "Radio" name= "Sex" value= "NV" > Female <P > Default Options box </p> multiple selection: <input type= "checkbox" Name= "" > Eat      <input type= "checkbox" Name= "" checked= " Checked "> Sleep      <input type=" checkbox "Name=" "> Hit the beans      <input type=" checkbox "Name=" "> Drinking water <p> message box </p><textarea id= ' Memo ' style= ' min-height:50px;min-width:70px;max-height:50px; max-width:70px; "></textarea><p> submit button </p> Submit: <input type=" Submit "Name=" "><p> reset button </p> Reset: <input type= "reset" name= "" ></form>
This is the most part of the form code, and the final message box is described in our article today:


As above is about the use of the Text field textarea property, more can be found, found that remember to come to the bottom of the message OH

If you want to learn more, go to topic.alibabacloud.com, a website that meets all of your programming needs.