1鼓择、form表單有什么作用?有哪些常用的input 標簽则北,分別有什么作用矿微?
form表單的作用就是用于收集以前寫的一些信息,然后提交給網(wǎng)站后臺尚揣。
input 標簽涌矢,分別有什么作用?
(1)text 類型
普通文本
(2)password 類型
輸入密碼框快骗,輸入的字符自動變?yōu)辄c蒿辙。以防他人竊取信息
(3)checkbox 類型
checkbox 輸入復(fù)選框,可以選擇不只一個
(4)radio 類型
輸入單選框滨巴,只能選擇一個
(5)file 類型
上傳文件
(6)submit 類型
提交表單
(7)button 類型
能點擊,但不會提交
(8)reset 類型
重置表單
(9)hidden類型
這個輸入框是隱藏的。
(10)菜單<select>
選項列表
(11)<textarea>
可輸入多行文本
2俺叭、post 和 get 方式的區(qū)別恭取?
關(guān)于方式上
對于get方式當(dāng)瀏覽器向服務(wù)器發(fā)送請求的時候,它會把所有請求數(shù)據(jù)把它拼接成key=value的形式連接到一起然后組裝到url上熄守。
對post請求 這個url不會發(fā)生變化蜈垮,但是數(shù)據(jù)會被發(fā)送到后臺。關(guān)于安全性
get方式不安全 密碼會被傳送到url上裕照,很容易泄露
post方式更為安全數(shù)據(jù)量的要求
get 有限制
post 沒有限制
3攒发、在input里,name 有什么作用晋南?
我們整理數(shù)據(jù)給后端的時候惠猿,會把所有東西組成key value的
形式,而這個key值负间,就是name的值偶妖。
所以所有的input都要加上name,否則就是白寫政溃。
4趾访、radio 如何 分組?
通過設(shè)置name值, name值相同的為一個組
5董虱、placeholder 屬性有什么作用?
輸入提示
6扼鞋、type=hidden隱藏域有什么作用? 舉例說明
(1)隱藏域在頁面中對于用戶是不可見得,在表單中插入隱藏域的目的在于收集或發(fā)送信息,以利于
被處理表單的程序使用云头。瀏覽器者單擊發(fā)送按鈕發(fā)送表單時候捐友,隱藏域的信息也被一起發(fā)送到服務(wù)器。
(2)后端接收前端傳來的數(shù)據(jù)盘寡,需要確認前端的身份楚殿,是本公司的網(wǎng)頁傳來的數(shù)據(jù),而不是
其他黑客知道后端地址后傳來的假數(shù)據(jù)竿痰,那么就加一個隱藏域脆粥。驗證value里的值和數(shù)據(jù)庫的name
值是不是對應(yīng)的。
(3)有時候一個form里有多個提交按鈕影涉,怎樣使程序能夠分清楚到底用戶是按那個
按鈕提交上來的呢变隔,我們就可以通過寫一個隱藏域,然后在每個按鈕處加上onclick="document.form.command.value ="xx""
然后先檢查command的值就會知道用戶是按那個按鈕提交上來的蟹倾。
(4)有時候一個網(wǎng)頁中有多個form匣缘,我們知道多個forms是不能同時提交的,
但是有時這些form確實相互作用鲜棠,我們就可以在form中添加隱藏域來使它們聯(lián)系起來肌厨。
(5)JavaScript不支持全局變量,但有時我們必須用全局變量豁陆,我們就可以先把值存在隱藏域里柑爸,
它的值就不會丟失了。
(6)比如按一個按鈕彈出四個小窗口盒音,當(dāng)點擊其中一個小窗口時其他的三個自動
關(guān)閉表鳍,可是IE不支持小窗口相互調(diào)用,所以只有在父窗口寫個隱藏域祥诽,當(dāng)小窗口
看到那個隱藏域的值是close時就自己關(guān)掉譬圣。
寫一篇博客簡單介紹 HTML 表單的用法,附上博客鏈接
博客鏈接
實現(xiàn)如下表單,附上預(yù)覽地址雄坪。其中性別和取向是單選厘熟,愛好是多選。
預(yù)覽