form表單有什么作用?有哪些常用的input標簽豫缨,分別有什么作用独令?
表單用于向服務器傳送數(shù)據(jù)。
常見的input標簽:
- <input type="text"> 創(chuàng)建一個文本輸入框好芭,單行輸入燃箭。
- <input type="password"> 同type="text”,但是輸入的內容顯示成小圓點
- <input type="checkbox"> 創(chuàng)建一個復選框,可以勾選多個
- <input type="radio"> 創(chuàng)建一個單選按鈕舍败,只能夠選一個
- <input type="file"> 創(chuàng)建一個上傳文件按鈕招狸,可以上傳文件,通過添加accept屬性可以限制文件上傳種類
- <input type="hidden"> 通過添加屬性(value邻薯,name等)使得這些屬性以隱藏的形式傳送到服務器
- <input type="submit"> 創(chuàng)建一個提交按鈕瓢颅,可以通過value編輯按鈕要顯示的文字
- <input type="reset"> 創(chuàng)建一個重置按鈕,可以通過nvlue編輯按鈕要顯示的文字
- <iinput type="button"> 創(chuàng)建一個按鈕弛说,沒有作用挽懦,可以通過nvlue編輯按鈕要顯示的文字
post和get 方式的區(qū)別
post和get是form標簽中method屬性的值,method屬性可設置或返回用于表單提交的 HTTP 方法木人。
Get是從服務器上得到數(shù)據(jù)信柿,而Post是往服務器傳送數(shù)據(jù)。
Get將表單中數(shù)據(jù)的按照variable=value的形式醒第,添加到action所指向的URL后面渔嚷,并且兩者使用“?”連接,而各個變量之間使用“&”連接稠曼;Post是將表單中的數(shù)據(jù)放在form的數(shù)據(jù)體中形病,按照變量和值相對應的方式,傳遞到action所指向URL。
由于URL的長度有限制漠吻,所以Get能傳送的數(shù)據(jù)量很小量瓜,而Post沒有這個限制,傳送的數(shù)據(jù)量較大途乃。
由于Get在URL中可以看到提交到表單中的數(shù)據(jù)绍傲,使得其安全性很差,而Post的傳送是不可見的耍共,安全性相對高烫饼。
Get限制Form表單收集的數(shù)據(jù)的值必須為ASCII,而Post支持整個ISO10646字符集试读。
在input中杠纵,name有什么作用?
name即命名钩骇,規(guī)定input元素的名稱比藻,用于對提交到服務器的表單數(shù)據(jù)進行標識,或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)伊履,特別的韩容,只有設置了name屬性的表單元素才能在提交表單時傳遞他們的值款违。
radio如何分組唐瀑?
例:<input type="radio" name="sex" value="boy">男
<input type="radio" name="sex" value="girl">女
首先type="radio",表示創(chuàng)建一個單選按鈕,name="sex"插爹,給這個元素命名哄辣,以便提交表單時能傳遞這個值,value="boy",設置這個元素在傳遞到服務器時的值的名稱赠尾,“男”力穗,寫在標簽外,在瀏覽器中顯示在單選按鈕旁邊气嫁,告訴用戶信息当窗。若是有很多選擇,每一個寫一個<input type="radio">寸宵。
若是有多個不同的問題需要單選崖面,各個問題之間用<div></div>,即各個問題單獨為一塊。
placeholder屬性有什么作用梯影?
在文本框中顯示一行文字巫员,當用戶輸入的時候,文字會消失甲棍,一般這行文字可以提示用戶輸入規(guī)則和內容简识。
type="hidden"隱藏域有什么作用?舉例說明。
<input type="hidden"> 通過添加屬性(value七扰,name等)使得這些屬性以隱藏的形式傳送到服務器奢赂。
用于確認用戶的身份。例:
<form action="URL" method="post">
<div class="textarea">
<textarea name="artical" placeholder="你可以在這里寫東西"></textarea>
<input type="hidden" name="這里是隱藏的" value="123456">
<input type="submit" value="提交">
</div>
</form>
如果有<input type="hidden">當用戶提交后戳寸,可以在右下角看到“這里是隱藏的:123456”這句話
而如果沒有<input type="hidden">呈驶,提交后就沒有那行文字,
可以看到疫鹊,雖然在瀏覽器的界面是沒有“這里是隱藏的:123456”這句話袖瞻,但是提交的時候如果加上<input type="hidden">,那么這個屬性值就會被上傳到服務器拆吆,這樣聋迎,就可以確認用戶的身份。