HTML textarea 标签

通过textarea案例教程让大家最为form textarea表单控件,输入多文字文章使用textarea表单控件。

一、textarea语法结构

<textarea name="manongjc" cols="30" rows="4">
码农教程www.manongjc.com
</textarea>

 

二、textarea标签内属性说明

Name 为传值命名

Cols 为字符宽度(每行输入文字多少宽度),跟具体数字

Rows 为行数,默认输入框区域显示高度,跟具体数字

 

三、html textarea实例

<!DOCTYPE html>
<html>
<head>
<title>HTML textarea 标签</title>
</head>
<body>
<form action="" method="get"> 
    <label>内容输入:</label> 
    <textarea name="manongjc" cols="30" rows="4"> 
       码农教程www.manongjc.com
    </textarea>  
</form> 
</body>
</html>

 

四、textarea文本区域总结 

  1. form textarea用于内容输入地方
  2. 常见于留言内容
  3. 带编辑器的textarea输入框