HTML&CSS基礎學習筆記1.22-表單的文本域和下拉列表

時間 2019-11-17

標籤 html&css html css 基礎學習筆記 1.22 表單文本下拉列表欄目 CSS 简体版

原文原文鏈接

文本域css

<textarea>標籤訂義多行的文本輸入控件。

平時在網頁上的一些須要輸入比較多的內容的輸入框，好比回覆帖子，回答問題等，均可以用<textarea>標籤。html

<textarea>文本區中可容納無限數量的文本，能夠經過 [cols] 和 [rows] 屬性來規定 <textarea> 的尺寸。less

例如：學習

<textarea cols=」100」 rows=」6」></textarea>

表示尺寸爲100列6行的文本域。code

實例：orm

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <link rel="stylesheet" type="text/css" href="index.css">  
    <title>表單</title>  
</head>  
<body>  
<h1>在表單中使用<textarea>標籤</h1>  
    <form action="/" method="get">  
        <h2>我的簡介</h2>  
        <textarea cols="10" rows="5" maxcols="20" maxrows="10">  
        </textarea>  
    </form>  
</body>  
</html>

下拉列表htm

下拉列表在表單中也是比較常見，好比選擇省份、城市的時候會用到下拉列表。

<select>標籤可建立單選或多選的下拉列表菜單。
<option>標籤表示下拉列表的列表項。<option>標籤能夠在不帶有任何屬性的狀況下使用，可是你一般須要使用 [value] 屬性，此屬性會指示出被送日後臺的內容。
<select>標籤與<option>標籤一塊兒使用：get

<select>  
    <option value="0">請選擇</option>  
    <option value="1">選項A</option>  
    <option value="2">選項B</option>  
</select>

實例:it

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <link rel="stylesheet" type="text/css" href="index.css">  
    <title>表單</title>  
</head>  
<body>  
<h1>在表單中使用<select>標籤</h1>  
<form action="/" method="get">  
    <h2>下拉列表</h2>  
    <p>你正在學習：  
        <select>  
            <option value="html">HTML</option>  
            <option value="css">CSS</option>  
            <!-- 在此處添加一個列表項 -->  
            <option value="sss">sss</option>  
        </select>  
    </p>  
</form>  
</body>  
</html>

更多學習內容，就在碼芽網http://www.mayacoder.com/lesson/indexio