<select> 下拉選標簽屬性
''' name:表單提交項的鍵. size：展示個數 multiple：multiple 多選 <option> 下拉選中的每一項 屬性： value:表單提交項的值. selected: selected下拉選默認被選中 <optgroup>為每一項加上分組 '''
<textarea> 文本域
''' name: 表單提交項的鍵. cols: 文本域默認有多少列 rows: 文本域默認有多少行 '''
<label>
''' <label for="www">姓名</label> <input id="www" type="text"> '''
<fieldset>
''' <fieldset> <legend>登錄吧</legend> <input type="text"> </fieldset> '''
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="keywords" content="form表單之select標簽"> <meta name="description" content="study"> <meta http-equiv="Refresh" content="60;https://www.baidu.com"> <meta http-equiv="x-ua-compatible" content="IE=EmulateIE7"> <title>Title</title> <!--<link rel="stylesheet" href="css.css">--> <link rel="icon" href="https://www.baidu.com/favicon.ico"> <!--<script src="hello.js"></script>--> </head> <body> <form action="http://127.0.0.1:8080/index" method="post" enctype="multipart/form-data"> <p>愛好：籃球<input type="checkbox" name="hobby" value="ball1" checked> 足球<input type="checkbox" name="hobby" value="ball2"></p> <p>性別：男<input type="radio" name="gender" value="men" checked> 女<input type="radio" name="gender" value="women"></p> <!--input標簽checked屬性代表checkbox和radio默認被選中--> <p><input type="text" name="tips" value="text和password不可輸入" readonly></p> <!--input標簽readonly屬性代表只讀(text和password)--> <p><input type="text" name="tips1" value="對所有input標簽都適用" disabled></p> <!--input標簽disabled屬性也是只讀，對所有input標簽都適用--> 省份<select name="province" multiple size="5"> <optgroup label="南方"> <option value="guangdong">廣東省</option> <option value="jiangxi" selected>江西省</option> <!--默認選中江西省--> <option value="hunan">湖南省</option> <option value="hubei">湖北省</option> <option value="guangxi">廣西省</option> <option value="jiangsu">江蘇省</option> </optgroup> <optgroup label="北方"> <option value="heilongjiang">黑龍江省</option> <option value="jilin">吉林省</option> <option value="liaoning">遼寧省</option> <option value="河北">河北省</option> <option value="henan">河南省</option> <option value="shanxi">山西省</option> </optgroup> </select><br> <!--select標簽為下拉框選項，name屬性為表單提交項的鍵，multiple屬性為多選(頁面操作需要加上shift)，size為默認展示幾條數據--> <!--optgroup為每一項加上分組，label屬性為顯示信息--> <!--option下拉選中的每一項，value屬性為表單提交項的值，selected屬性為下拉選默認被選中--> <br>簡介<textarea name="desc" cols="30" rows="10"></textarea><br> <!--textarea標簽為文本域，name屬性為表單提交項的鍵，cols屬性為文本域默認多少列，rows屬性為文本域默認多少行--> <br><label for="1qwe">身高：</label> <input type="text" id="1qwe"><br> <!--label標簽能與輸入框進行關聯，for屬性值與輸入框id屬性值一樣既能相關聯，即點擊該文本區域光標就能顯示在指定輸入框進行輸入操作--> <br><fieldset> <legend>溫馨提示：</legend> <input type="text" name="tips2" value="天氣干燥，要多喝水" disabled> </fieldset><br> <!--fieldset標簽只是一個樣式展示--> <input type="submit" value="提交"> </form> </body> </html>
''' form表單標簽總結： <form action="http://127.0.0.1:8080/index" method="post" enctype="multipart/form-data"> 姓名：<input type="text" name="username" placeholder="姓名" readonly> 密碼：<input type="password" name="pwd" placeholder="密碼" disabled> 愛好：籃球<input type="checkbox" name="hobby" value="basketball" checked> 性別：男<input type="radio" name="gender" value="men" checked> 文件：<input type="file" name="filename"> <input type="reset" value="重置"> <input type="button" value="提交"> <input type="submit" value="提交"> <select name="表單提交項鍵" multiple size="5"> <optgroup label="組名"> <option value="表單提交項值" selected>選項信息</option> </optgroup> </select> 簡介：<textarea name="desc" cols="30" rows="10"> </textarea> <label for="123">身高：</label> <input id="123" type="text" placeholder="身高"> <fieldset> <legend> 溫馨提示： </legend> <input type="text" name="tips" value="小心謹慎" disabled> </fieldset> </form> '''