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

最新推荐文章于 2024-10-08 17:48:41 发布

是小鹿啊

最新推荐文章于 2024-10-08 17:48:41 发布

阅读量427

点赞数 2

分类专栏： Educoder 前端文章标签：前端 html5

来自是小鹿啊的博客

本文链接：https://blog.csdn.net/m0_51511286/article/details/121804373

版权

前端同时被 2 个专栏收录

40 篇文章 2 订阅

订阅专栏

Educoder

35 篇文章 2 订阅

订阅专栏

本文详细介绍了HTML5中textarea标签的属性，包括cols、rows、name、readonly、disabled以及新属性如wrap、maxlength、placeholder、required和autofocus。通过示例展示了如何创建并设置一个具有特定行数、字符数、必填和换行模式的文本域。同时，提供了相关编程练习以巩固理解。

摘要由CSDN通过智能技术生成

创建文本区域

文章目录

创建文本区域

第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>