form表單有什么作用咒林?有哪些常用的input 標簽,分別有什么作用逗宁?
HTML <form> 元素 表示了文檔中的一個區(qū)域映九,這個區(qū)域包含有交互控制元件,用來向web服務器提交信息瞎颗。
- 對于用戶而言件甥,表單對于用戶而言是數(shù)據(jù)的錄入和提交的。
- 表單對于網(wǎng)站而言獲取用戶信息的途徑哼拔。
<input type="text" name="" placeholder="">
用戶可以輸入的單行文本輸入框
<input type="password" name="" value="">
單行密碼輸入框引有,輸入的密碼以圓點或者星號顯示。
<input type="hidden" name="" value="">
隱藏字段倦逐,常用來傳值譬正。
<input type="file" accept="image/png">
上傳文件
<input type="radio" name="" value="">
單選按鈕,每組單選用name來區(qū)分檬姥。
<input type="checkbox" name="" value="">
多選按鈕曾我,每組多選用name區(qū)分。
<input type="sumbit" name="sumbit">
提交按鈕健民,點擊后即可向服務器提交數(shù)據(jù)抒巢。
<input type="button" name="button">
普通可點擊按鈕,點擊后無任何行為秉犹。用于點擊時執(zhí)行javascript程序蛉谜。
post 和 get 方式的區(qū)別?
- Get是用來從服務器上獲得數(shù)據(jù)崇堵,而Post是用來向服務器上傳遞數(shù)據(jù)型诚。
- Get將表單中數(shù)據(jù)的按照variable=value的形式,添加到action所指向的URL后面鸳劳,并且兩者使用“?”連接狰贯,而各個變量之間使用 “&”連接;Post是將表單中的數(shù)據(jù)放在form的數(shù)據(jù)體中,按照變量和值相對應的方式暮现,傳遞到action所指向URL还绘。
- Get是不安全的,因為在傳輸過程栖袋,數(shù)據(jù)被放在請求的URL中拍顷,而如今現(xiàn)有的很多服務器、代理服務器或者用戶代理都會將請求URL記錄到日志文件中塘幅,然后 放在某個地方昔案,這樣就可能會有一些隱私的信息被第三方看到。另外电媳,用戶也可以在瀏覽器上直接看到提交的數(shù)據(jù)踏揣,一些系統(tǒng)內部消息將會一同顯示在用戶面前。 Post的所有操作對用戶來說都是不可見的匾乓。
- Get傳輸?shù)臄?shù)據(jù)量小捞稿,這主要是因為受URL長度限制;而Post可以傳輸大量的數(shù)據(jù)拼缝,所以在上傳文件只能使用Post(當然還有一個原因娱局,將在后面的提到)。
- Get限制Form表單的數(shù)據(jù)集的值必須為ASCII字符咧七;而Post支持整個ISO10646字符集衰齐。
- Get是Form的默認方法。
在input里继阻,name 有什么作用耻涛?
name規(guī)定了input的名稱,只有加了name屬性的標簽元素才會提交到服務器瘟檩。注意在radio和checkbox中使用 - - 一組選擇按鈕需要有相同的name.
radio 如何分組?
以name屬性的值來分組抹缕,值相同的為同一組,值不同為不同組墨辛。
placeholder 屬性有什么作用?
placeholder 屬性是 HTML5 中的新屬性卓研。
placeholder 屬性提供可描述輸入字段預期值的提示信息(hint)。
該提示會在輸入字段為空時顯示背蟆,并會在字段獲得焦點時消失。
注釋:placeholder 屬性適用于以下的 <input> 類型:text, search, url, telephone, email 以及 password哮幢。
type=hidden隱藏域有什么作用? 舉例說明
type隱藏域在頁面中不顯示也不占有位置带膀,僅用于獲取和傳遞數(shù)據(jù)。
例如:當有金額計算的時候橙垢,可以將計算后的金額放入隱藏域中提交至后臺垛叨。