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-29知识网络化:软件文档管理的全新思维方式
- 2024-11-28Rollup入门教程:轻松掌握前端打包技巧
- 2024-11-28完蛋!前端开发者们的真香网站!
- 2024-11-27求放过!同事的前端代码我真的改不动了?
- 2024-11-27Vite多环境配置资料:新手入门教程
- 2024-11-24Vite多环境配置学习:新手入门教程
- 2024-11-23实现OSS直传,前端怎么实现?-icode9专业技术文章分享
- 2024-11-22在 HTML 中怎么实现当鼠标光标悬停在按钮上时显示提示文案?-icode9专业技术文章分享
- 2024-11-22html 自带属性有哪些?-icode9专业技术文章分享
- 2024-11-21Sass教程:新手入门及初级技巧