HTML+CSS+javaScript基礎知識（四）

1.<select>標籤和<option>標籤

select元素可以創建單選或多選菜單。option元素定義下拉列表中的一個選項（一個條目）。

瀏覽器將<option>標籤中的內部作爲<select>標籤的菜單或是滾動列表中的一個元素顯示。

option元素位於select元素內部。

代碼如下：

<select>

<option>北京</option>

<option>天津</option>

<option>上海</option>

</select>

結果如下：

 

圖（1）結果

 

2.<textarea>標籤

textarea元素定義多行的文本輸入控件。可以通過rows和cols來設置textarea的寬和高

示例代碼：

<textarea rows="10" cols="15" draggable="true">
這是一個多行文本輸入控件。這是一個多行文本輸入控件。
    這是一個多行文本輸入控件。這是一個多行文本輸入控件。
    這是一個多行文本輸入控件。這是一個多行文本輸入控件。
    這是一個多行文本輸入控件。這是一個多行文本輸入控件。
</textarea>

結果如下：

 

圖（2）結果

3<table>標籤，<tr>標籤及<td>標籤

<table>標籤定義表格，一個table元素由一個或多個tr，td組成。

tr元素代表行，td元素代表表格單元。

代碼如下：

<table>
    <tr>
        <td>上課</td>
        <td>不上</td>
        <td>上課</td>
    </tr>
    <tr>
        <td>不上</td>
        <td>上課</td>
        <td>不上</td>
    </tr>
    <tr>
        <td>上課</td>
        <td>上課</td>
        <td>不上</td>
    </tr>
</table>

爲了更直觀的顯示table，本人稍加了一些css樣式，不過並不影響table的表達。運行結果如下：

 

圖（3）結果