HTML_12——output和tetarea
2021/8/23 6:30:24
本文主要是介绍HTML_12——output和tetarea,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1. output
1.1 定义
这个<output>
标记是用来输出计算结果或用户动作的结果。
1.2 属性
for
用来指明参与计算的元素的ID,用空格分割多个ID
form
这个元素相对应的表单的ID,如果这个元素放在一个表单内,这不用指明这个值。当它位于表单外时,需要指明是属于哪个表单。
name
这个元素的名称。
1.3 实例
<form oninput="result.value=parseInt(a.value)+parseInt(b.value)"> <input type="range" name="b" value="50"> + <input type="number" name="a" value="10"> = <output name="result"></output> </form>
2. tetarea元素
2.1 定义
<textarea>
标签用于创建一个可以输入多行的文本框。当你希望用户输入一段相当长的、不限格式的文本,例如评论或反馈表单中的一段意见时,这很有用。文本区域中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。
可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小,不过更好的办法是使用 CSS 的 height 和 width 属性。
wrap属性:指定在表单提交时,如何处理文本区域的自动换行(soft、hard、off三种选择)
2.2 实例
<!DOCTYPE html> <label for="story">Tell us your story:</label> <br/> <textarea id="story" name="story" rows="5" cols="33"> It was a dark and stormy night... </textarea>
网络细节讲解结束
3. 参考
HTML5 <output>
标签
HTML5 <textarea>
标签
这篇关于HTML_12——output和tetarea的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-15AntDesign项目实战:新手入门与初级应用教程
- 2024-11-15AntDesign-Form-rules项目实战:新手指南
- 2024-11-14ESLint课程:初学者指南
- 2024-11-14Form.List 动态表单课程:新手入门教程
- 2024-11-14Redux课程:新手入门完全指南
- 2024-11-13MobX 使用入门教程:轻松掌握前端状态管理
- 2024-11-12前端编程资料:新手入门指南与初级教程
- 2024-11-12前端开发资料入门指南
- 2024-11-12前端培训资料:适合新手与初级用户的简单教程
- 2024-11-12前端入门资料:新手必读指南