html基础加强2
1.表單元素
表單元素一定要提交在form標簽里面
2.id和name
所有元素都有ID，但只有表單元素才有name
ID不可以重復，name可以重復
name屬性的目的時可以將數據提交到服務器。id的主要目的時為了在js中可以動態地操作某個元素。
想要提交到服務器，就必須有name.
3.提交的數據是表單中value的值，若事先為value賦值，則該值為該元素的默認值，加載時顯示在text中。
4.post和get方式提交數據
get方式提交數據： get方式提交數據是把數據封裝為通過鍵值對&形式顯示在url中提交到服務器的。因為提交的要求地址長度是有限的，所以不冷通過get方式提交文件。
post方式提交數據：默認情況下post方式提交的數據也是用&鍵值對連接起來，同時提交的內容沒有在url中顯示，相對安全。
5.size 可以改變文本框的長短，maxlength可以改變文本框輸入的文字最大數目。
6.lable標簽的for用法?
當lable用了for屬性時，for指向元素的id，當點擊該lable標簽時，自動地把該id的元素選中。
7.一個簡單的from的示例
<html> <head> <title>表單</title> </head> <body> <form action="http://www.baidu.com/a.aspx" method="get"> <input name="userid" type="hidden" value="123"/> <table border="1"> <tr> <td>姓名</td> <td><input name="textName" type="text"/></td> </tr> <tr> <td>郵箱</td> <td><input name="textEmail" type="text"/></td> </tr> <tr> <td>密碼</td> <td><input name="txtPassword" type="password"/></td> </tr> <tr> <td>性別</td> <td><input type="radio" name="gender" value="male" id="rdomal" /><label for="rdomal">男</label> <input checked="checked" type="radio" name="gender" value="female" />女</td> </tr> <tr> <td>興趣愛好</td> <td><input type="checkbox" name="hobby" value="1" />籃球 <input checked="checked" type="checkbox" name="hobby" value="2" />足球</td> </tr> <tr> <td>所在地區</td> <td> 省：<select name="province" multiple="multiple" size="5"> <option value="11" selected="selected">黑龍江</option> <option value="12">吉林</option> </select> 市：<select name="shi"> <optgroup label="黑龍江"> <option value="13">九江</option> <option value="14" selected="selected">南昌</option> </optgroup> <optgroup label="吉林"> <option value="15">宜春</option> <option value="16">贛州</option> </optgroup> </select> </td> </tr> <tr> <td colspan="2" style="height:100px"> <filedset> <legend>請選擇感興趣的內容</legend> <input type="checkbox" name="hobby" value="1" />籃球 <input type="checkbox" name="hobby" value="2" />足球 </filedset> </td> </tr> <tr> <td colspan="2"> 請閱讀協議： <textarea cols="30" rows="10" readonly="readonly" disabled="disabled"> 請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議：請閱讀協議： </textarea> </tr> <tr> <td> 請選擇頭像 </td> <td> <input type="file"> </td> </tr> <tr> <td colspan="2" ali> <input type="submit" value="注冊"/> <input type="reset" value="重置" /> <input type="image" src="123.jpg" /> </td> </tr> </table> <marquee direction="left" scrollelay="30" behavior="slide"> <img src="QQ截圖20161124185311.jpg"/> </marquee> </form> </body> </html>補充：
?
8. form的action標簽指向表單提交的地址。method指定表單提交的方法。
9.hide元素的用法。當input的type為hlidden時，該元素不在網頁中顯示，但是提交時仍然提交該元素的value的值。
10.如何為select標簽分組。
利用optgroup 用法如下：
<optgroup label="黑龍江"> <option value="13">九江</option> <option value="14" selected="selected">南昌</option> </optgroup> <optgroup label="吉林"> <option value="15">宜春</option> <option value="16">贛州</option> </optgroup> 則九江 南昌的分組為黑龍江，宜春贛州的分組為吉林。?
11.? radio 和checkbox的如果checked屬性為checked 則默認選中
12.select標簽的selected屬性為selected時，則默認選中。
13.filedset的用法。
?
<filedset> <legend>請選擇感興趣的內容</legend> <input type="checkbox" name="hobby" value="1" />籃球 <input type="checkbox" name="hobby" value="2" />足球 </filedset>該顯示方法類似winform中的groupbox。
?
13.當readonly="readonly"則只讀。
14.當disabled="disabled"則不能用光標選。
15.<input type="submit" value="注冊"/>和<input type="image" src="123.jpg" />類似，否則點擊圖片提交。
16 matquee標簽的用法。
matquee標簽中的內容可以在屏幕上滾動。
direction可以指定滾動的方向。
scrollelay可以指定滾動的速度（刷新的頻率）
behavior指定滾動的方式，可以有如下幾種方式：scroll（循環滾動） slide（由一邊滑到另一邊） alternate（左右循環滾動）
11.24日的總結就寫到這里。
?
轉載于:https://www.cnblogs.com/CoderAyu/p/8490156.html
總結
- 上一篇： vim 学习记录2
- 下一篇： 数据仓库中的模型设计（转）