天天看点

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>

           
HTML_12——output和tetarea

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>

           
HTML_12——output和tetarea

网络细节讲解结束

3. 参考

继续阅读