一，<textarea>默認值<textarea> -name屬性，textarea的默認值放到中間
<select> name，內部option value，提交到后台，size, multiple
二. textarea 多行文本輸入框
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>
<textarea></textarea>
</div>
</body>
</html>
運行結果：
三.默認值放到中間，name="meno" 規定文本區域的名稱。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>
<textarea name="meno">默認值</textarea>
</div>
</body>
</html>
運行結果：
四. select下拉框，option表示里面的內容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>
<select>
<option>北京</option>
<option>上海</option>
<option>廣州</option>
</select>
</div>
</body>
</html>
運行結果：
五，提交表單，selected="selected" 默認值
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form>
<div>
<select name="city">
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3" selected="selected">廣州</option>
</select>
</div>
<input type="submit" value="提交"/>
</form>
</body>
</html>
運行結果：
六，size顯示大小的作用，multiple="multiple" 可以提交多個選項。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form>
<div>
<select name="city" size="10" multiple="multiple">
<option value="1">北京 </option>
<option value="2">上海</option>
<option value="3" selected="selected">廣州</option>
</select>
</div>
<div>
<select>
<optgroup label="山西省">
<option value="1">太原 </option>
<option value="2">平遙</option>
</optgroup>
<optgroup label="河北省">
<option value="1">石家庄</option>
<option value="2">邯鄲</option>
</optgroup>
</select>
</div>
<input type="submit" value="提交"/>
</form>
</body>
</html>
運行結果：
七，multiple="multiple" 多選,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form>
<div>
<select name="city" size="10" multiple="multiple">
<option value="1">北京 </option>
<option value="2">上海</option>
<option value="3">廣州</option>
</select>
</div>
<input type="submit" value="提交"/>
</form>
</body>
</html>
運行結果：按住Ctrl，可以多選
八，optgroup 的使用，下列的河北省和山西省是沒法在下拉框中進行選擇的。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form>
<div>
<select name="city" size="10" multiple="multiple">
<option value="1">北京 </option>
<option value="2">上海</option>
<option value="3" selected="selected">廣州</option>
</select>
</div>
<div>
<select>
<optgroup label="山西省">
<option value="1">太原 </option>
<option value="2">平遙</option>
</optgroup>
<optgroup label="河北省">
<option value="1">石家庄</option>
<option value="2">邯鄲</option>
</optgroup>
</select>
</div>
<input type="submit" value="提交"/>
</form>
</body>
</html>
運行結果：
