天天看點

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. 參考

繼續閱讀