HTML textarea 控件详解与应用-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_52184490/article/details/121910762

第1关：textarea控件相关概念

1、若将文本区域设置为显示10行，每行显示50个字符，正确选项是（） C、<textarea rows="10" cols="50">
2、若将文本区域设置为只读的，可在textarea标签中添加（）属性。 B、readonly
3、在表单提交时使textarea 中的文本换行，正确的选项是（）
D、<textarea name="mm" rows="5" cols="50" wrap="hard">

4、textarea标签的属性不包括（） A、width

5、textarea文本区域的宽度可用size属性来设置。 B、错误

第2关：创建文本域

任务描述

本关任务：完成创建文本域的任务。效果如下：

文本域效果图

编程要求

请在右侧编辑器中的Begin - End区域内补充代码，具体要求是： 1.创建一个文本域 2.文本域的名称为“reason" 3.文本域中可见行数为为6，每行50个字符 4.文本域内容必须填写 5.表单提交时，文本显示区中的文本在行尾要自动换行

<!DOCTYPE html>
<html>
  <head>
   <meta charset="utf-8"/>
   <title>设置文本域</title>
  </head>
  <body>
   <form action="" method="post">
     请输入你选择本专业的理由：<br/>
    <!-- ********* Begin ********* -->
     <textarea name="reason"rows="6"cols="50"wrap="hard"required="required">
     </textarea>
    <!-- ********* End ********* -->
     <br/>
     <input type="reset" value="重置">
     <input type="submit" value="提交">
  </body>
</html>