当前位置：网站首页>Educoder Web练习题---创建文本区域

Educoder Web练习题---创建文本区域

2022-06-21 12:22:00 【是小鹿啊】

创建文本区域

文章目录

创建文本区域

第1关：textarea控件相关概念

通关知识

1、若将文本区域设置为显示10行，每行显示50个字符，正确选项是（C）
A、<textarea rows="50" cols="10"> 
B、<input rows="50" cols="10">
C、<textarea rows="10" cols="50">
D、<input rows="10" cols="50">

2、若将文本区域设置为只读的，可在textarea标签中添加（B）属性。
A、disabled
B、readonly
C、required
D、autofocus

3、在表单提交时使textarea 中的文本换行，正确的选项是（D）
A、<textarea name="mm" rows="5" cols="50"> 
B、<textarea name="mm" rows="5" cols="50" wrap>
C、<textarea name="mm" rows="5" cols="50" wrap="soft">
D、<textarea name="mm" rows="5" cols="50" wrap="hard">

4、textarea标签的属性不包括（A）
A、width
B、rows
C、cols
D、maxlength

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

第2关：创建文本域

编程要求

请在右侧编辑器中的Begin - End区域内补充代码，具体要求是：

创建一个文本域
文本域的名称为“reason"
文本域中可见行数为为6，每行50个字符
文本域内容必须填写
表单提交时，文本显示区中的文本在行尾要自动换行

效果如下：

文本域效果图

通关代码

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