前端 HTML form表单标签 textarea标签多行文本

<textarea></textarea>
作用：允许用户录入多行数据到表单控件中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
</head>
<body>
    <div>
        <form action="http://www.baidu.com" method="get">
            <div>
                自我介绍:
                <textarea></textarea>
            </div>
        </form>
    </div>
</body>
</html>

 在文本输入内容

属性说明：

name：提交给服务端
rows：设置文本区域的列数，变相设置当前元素宽度
cols：设置文本区域的行数，变相设置当前元素高度
disabled：禁用

设置文本域rows高度，cols宽度

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
</head>
<body>
    <div>
        <form action="http://www.baidu.com" method="get">
            <div>
                自我介绍:
                <textarea cols="20" rows="5"></textarea>
            </div>
        </form>
    </div>
</body>
</html>

加上name 可以向服务端提交数据 设置默认值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
</head>
<body>
    <div>
        <form action="http://www.baidu.com" method="get">
            <div>
                自我介绍:
                <textarea cols="20" rows="5" name="text">mike</textarea>
            </div>
        </form>
    </div>
</body>
</html>

加上placehodler属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
</head>
<body>
    <div>
        <form action="http://www.baidu.com" method="get">
            <div>
                自我介绍:
                <textarea cols="20" rows="5" name="text" placeholder="自我介绍"></textarea>
            </div>
        </form>
    </div>
</body>
</html>

相关阅读:
直接使用http post的方式上传文件到SharePoint
Asp.net mvc + .net ef database first 或 model first 时如何添加验证特性
 论文摘要
 4.6 考试的设计和实现(制定考场规则)
参考文献
 vb 6.0数据库操作代码例子
 4.9 用户界面的设计和实现(DIV+CSS,可编辑的TreeView用户控件)
4.2用户登陆和安全验证(利用HttpModule集中处理身份检查)
4.7 学生在线考试表示层的设计和实现(异步保存答案，考试计时和自动交卷)
第2章需求分析
原文地址：https://www.cnblogs.com/mingerlcm/p/10636570.html

前端 HTML form表单标签 textarea标签 多行文本

前端 HTML form表单标签 textarea标签多行文本