HTML表單
什么是表單？
在HTML中使用表單和用戶完成交互
表單作用是什么？
表單主要負責采集數據信息，然后向服務提交表單數據，進行相關處理
Form表單標簽
name屬性：設置表單的名稱
action屬性：用來設置發送請求的路徑
B/S架構中，從瀏覽器B端向服務器S端發送數據，叫做請求，英語單詞：request
B/S架構中，從服務器S端向瀏覽器B端返回數據，叫做響應，英語單詞：response
method屬性：用來設置表單提交數據的方式：get、post
get方式：為默認提交方式，提交的數據會顯示在地址欄中
post方式：提交的數據不會在地址欄中顯示，相對安全
例子：用戶信息表單
\
HTML input標簽
1. input type類型為text:文本輸入域
<input type=”text” name=”username” />
2.input type類型為password:密碼輸入框
<input type=”password” name=”password” />
input type類型為 radio:單選按鈕
3. <input type=”radio” name=”sex” />
4. input type類型為 checkbox：多選按鈕
<input type=”checkbox” name=”interest” />
5. input type類型為submit：表單提交按鈕
<input type=”submit” name=”注冊” />
6. input type類型為button:普通按鈕
<input type=”button” name=”提交注冊” />
7. input type類型為reset:表單重置按鈕
<input type=”reset” name=”重置” />
8. input type類型為file：文件上傳組件
<input type=”file” name=”filename” />
9. input type類型為hidden：隱藏控件
在瀏覽器上看不到，但提交表單的時候會提交給服務器
<input type=”hidden” name=”usercode” />
下拉列表標簽：<select><option></option></select>
<select name=”grade” >
<option value=”gz”>高中</option>
<option value=”dz”>大專</option>
</select>
文本域標簽 <textarea></texarea>
<textarea name=”introduce” cols=”50” rows=”10”></textarea>
只讀控件readonly：只能看不能改，數據也會提交給服務器
<input type=”text” name=”username” value=”zhangsan” readonly />
無效控件disabled：只能看不能改，數據不會提交給服務器
<input type=”text” name=”user” value=”wangwu” disabled />
input控件size屬性：設置文本框的可視長度
<input type=”text” name=”username” size=”10” />
input控件maxlength屬性：設置文本框中可編寫的長度
<input type=”text” name=”uname” maxlength=”100” />
