HTML5教程

HTML_12——output和tetarea

本文主要是介绍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>

image-20210820023201440

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>

image-20210820023709773

网络细节讲解结束

3. 参考

HTML5 <output>标签

HTML5 <textarea> 标签

这篇关于HTML_12——output和tetarea的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航