HTML標簽--表單
? 1 2 3 4 5 6 表單： 基本格式 <form> <input> ... </form>表單屬性：action、method
? 1 2 3 4 5 6 7 8 <!--action：表單數據提交地址 method：用來指定數據傳遞到服務端的基本方法 get：傳遞的數據會拼接到URL後面 優點：簡單，快速 缺點：暴露敏感信息，數據傳輸量有限 post ：傳遞數據會隱藏起來，放在請求體 優點：數據傳輸量大，信息保密性好 缺點：相比get請求速度較慢-->表單元素：
? 1 2 3 4 5 6 7 <input>元素 <select>元素（下拉列表） <textarea> 元素 <button> 元素 <datalist>元素（預定義下拉列表） <keygen>元素 <output>元素輸入類型：
? 1 2 3 4 5 6 7 8 9 10 text：單行文本輸入；<inputtype="text" name="firstname"> password：密碼輸入；<inputtype="password" name="password"> radio：單選；<inputtype="radio" checked="checked" name="Sex" value="male"/> checkbox：多選；我喜歡自行車：<inputtype="checkbox" name="Bike">我喜歡汽車： <input type="checkbox"name="Car"> reset：重置表單數據；<inputtype="reset" value="重置"> file：文件上傳；<inputtype="file" value="files"> submit：提交表單數據；<inputtype="submit" value="提交"> image：圖形提交按鈕；<inputtype="image" src="“> button：普通按鈕；<inputtype="button" value="">HTML5新輸入類型 ：
? 1 2 3 4 5 6 7 8 9 email：限制用戶輸入email格式。 url：限制用戶輸入網址格式。 date：限制用戶輸入日期格式。 time：限制用戶輸入時間格式。 month：限制用戶輸入月份格式。 week：限制用戶輸入 周格式。 number：限制用戶輸入數字格式。 range：一個滑動條。 color ：選擇顏色格式。input屬性：
? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 value 屬性規定輸入字段的初始值 readonly 屬性規定輸入字段為只讀（不能修改） disabled 屬性規定輸入字段是禁用的。 被禁用的元素是不可用和不可點擊的。 被禁用的元素不會被提交。 size 屬性規定輸入字段的尺寸（以字符計） maxlength 屬性規定輸入字段允許的最大長度 novalidate 屬性屬於 <form> 屬性。 如果設置，則 novalidate 規定在提交表單時不對表單數據進行驗證。 height 和 width 屬性 height 和 width 屬性規定 <input> 元素的高度和寬度。 height 和 width 屬性僅用於 <input type="image">。 注釋：請始終規定圖像的尺寸。如果浏覽器不清楚圖像尺寸，則頁面會在圖像加載時閃爍。 min 和 max 屬性 min 和 max 屬性規定 <input> 元素的最小值和最大值。 min 和 max 屬性適用於如需輸入類型：number、range、date、datetime、datetime-local、month、time 以及 week。 step 屬性 step 屬性規定<input> 元素的合法數字間隔。 示例：如果 step="3"，則合法數字應該是-3、0、3、6、等等。 提示：step 屬性可與 max 以及 min 屬性一同使用，來創建合法值的范圍。 step 屬性適用於以下輸入類型：number、range、date、datetime、datetime-local、month、time 以及 week。 name="name" ：名字 tabindex="1" ：索引 required ：必填 placeholder="請輸入姓名"：提示信息 autofocus：自動獲取光標 autocomplete：自動完成補全 提示：您可以把表單的 autocomplete 設置為 on，同時把特定的輸入字段設置為 off，反之亦然。 id：
表單外邊框和標題：
? 1 2 3 4 5 6 <fieldset> <legend>個人信息</legend> <form> ... </form> </fieldset>智能表單：
? 1 2 3 4 <form id=foo> ... </form> <input type="text" form="foo">表單實例：
? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 <formaction="www.123.com"method="get"> <fieldset> <legend>個人信息</legend> <!--tableindex為指定索引順序--> <!--required：必填--> <!--placeholder：提示信息--> <!--autofocu：自動獲取光標--> <!--autocomplete：自動完成--> 姓名：<input type="text" name="name" tabindex="1" required placeholder="請輸入姓名" autofocus autocomplete="off"><br> 密碼1：<input type="password" name="pwd" tabindex="4"><br> 密碼2：<input type="password" name="pwd" tabindex="3"><br> 密碼3：<input type="password" name="pwd" tabindex="2"><br> 性別：<inputtype="radio" name="sex" value="1" id="man"> <label for="man">男</label> <input type="radio" name="sex" value="0" id="women"> <label for="women">女</label> <br> 愛好：<inputtype="checkbox" name="hobby" value="basketball">籃球 <input type="checkbox" name="hobby" value="score">足球 <input type="checkbox" name="hobby" value="tennis">網球<br> 附件：<inputtype="file" name="img"><br> 圖形按鈕：<inputtype="image" src="../../img/jf1.jpg"height="30"><br> <input type="button" value="注冊"> <input type="submit" value="登錄"> <input type="reset" value="清空"><br> 省份：<selectname="province" id="province"> <option value="sd">山東省</option> <option value="sc">四川省</option> <option value="hn">河南省</option> <option value="hb">河北省</option> <option value="hn">湖南省</option> <option value="hn">重慶</option> <option value="hn">貴州省</option> </select><br> </fieldset> 意見建議：<textarearows="10" cols="18" style="resize: none"></textarea> </form> <form action=""> 郵件：<inputtype="email"><br> 網址：<inputtype="url"><br> 日期：<inputtype="date"><br> 時間：<inputtype="time"><br> 月份：<inputtype="month"><br> 星期：<inputtype="week"><br> 數字：<inputtype="number" max="20" min="3" step="3"><br> 滑動條：<inputtype="range"><br> 顏色：<inputtype="color"><br> <input type="submit" value="提交"> </form>