1.form表單有什么作用?有哪些常用的input 標簽,分別有什么作用货徙?
form表單主要是用于瀏覽器與后臺交互數(shù)據(jù)芍瑞。
常見的input標簽:
- 文本域
創(chuàng)建文本域晨仑,用戶可以在文本域?qū)懭胛谋荆挥幸恍小?br> 語法:
<input type="text" name="#" value="*"/> - 密碼域
創(chuàng)建密碼域,輸入的文字會顯示成圓點洪己。
語法:
<input type="password" name="#" value="*"/> - 復選框
創(chuàng)建單個選擇框妥凳,用戶可以選中或取消選取復選框。
語法:
<input type="checkbox" name="#" value=""/>
<input type="checkbox" name="#" value=""/> - 單選按鈕
創(chuàng)建單選按鈕,相同name值的單選框只能的一個被選中答捕。
語法:
<input type="radio" name="#" value=""/>
<input type="radio" name="#" value=""/> - 下拉列表
創(chuàng)建下拉列表框逝钥,屬性中加入selected的option會成為默認選項。
語法:
<select name="#"/>
<option value="a">a</option>
<option value="b">b</option>
<option value="c" selected>c</option>
<option value="d">d</option>
</select> - 多行文本域
創(chuàng)建一個多行文本域拱镐,用戶可以在文本域中寫入文本艘款,在文本域中,可寫入的字符字數(shù)不受限制沃琅。
語法:
<textarea name="#"/>富文本</textarea> - 創(chuàng)建按鍵
創(chuàng)建按鍵哗咆,用戶可以對按鈕上的文字進行自定義,點擊不會提交form表單的數(shù)據(jù)益眉。
語法:
<input type="button" name="#" value="*"/> - 提交按鍵
創(chuàng)建按鍵晌柬,用戶可以對按鈕上的文字進行自定義,會提交form表單中的數(shù)據(jù)郭脂。
語法:
<input type="submit" name="#" value="*"/> - 重置按鍵
創(chuàng)建按鍵年碘,用戶可以對按鈕上的文字進行自定義,會重置form表單中的數(shù)據(jù)展鸡,全部回到默認狀態(tài)盛泡。
語法:
<input type="reset" name="#" value="*"/>
2.post 和 get 方式的區(qū)別?
- get是從服務器上獲取數(shù)據(jù)娱颊,post是向服務器傳送數(shù)據(jù)傲诵;
- get傳送的數(shù)據(jù)量較小,不能大于2KB箱硕。post傳送的數(shù)據(jù)量較大拴竹,一般被默認為不受限制;
- get提交數(shù)據(jù)會改變url剧罩,post提交數(shù)據(jù)給不會改變url栓拜;
- get安全性非常低,post安全性較高惠昔。
3.在input里幕与,name 有什么作用?
name的作用是定義input的變量名镇防,同時可以在radio和checkbox中起到分組的作用啦鸣。
4.radio 如何 分組?
radio的分組由input屬性中的name值決定。
5.placeholder 屬性有什么作用?
placeholder 可以對輸入框的要輸入內(nèi)容給予提示来氧,同時該輸入框的內(nèi)容不會傳輸給后臺诫给。
6.type=hidden隱藏域有什么作用? 舉例說明
語法:
<input type="hidden" name="#" value="*"/>
- 表單中加入隱藏域用于收集或發(fā)送信息香拉,提交表單時,hidden的value值也會與提交給后臺中狂。
- 可以用于一種身份認證凫碌,在頁面中加入特定的hidden值,防止后臺服務器收集非法數(shù)據(jù)胃榕。
7.HTML 表單的用法
8.實例表單
本博客版權歸曾祥輝和饑人谷所有盛险,轉(zhuǎn)載需說明來源