任務(wù)5作業(yè)

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ù)覽

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末维哈,一起剝皮案震驚了整個濱河市盯漂,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌笨农,老刑警劉巖就缆,帶你破解...
    沈念sama閱讀 212,029評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異谒亦,居然都是意外死亡竭宰,警方通過查閱死者的電腦和手機空郊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,395評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來切揭,“玉大人狞甚,你說我怎么就攤上這事±” “怎么了哼审?”我有些...
    開封第一講書人閱讀 157,570評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長孕豹。 經(jīng)常有香客問我涩盾,道長,這世上最難降的妖魔是什么励背? 我笑而不...
    開封第一講書人閱讀 56,535評論 1 284
  • 正文 為了忘掉前任春霍,我火速辦了婚禮,結(jié)果婚禮上叶眉,老公的妹妹穿的比我還像新娘址儒。我一直安慰自己,他們只是感情好衅疙,可當(dāng)我...
    茶點故事閱讀 65,650評論 6 386
  • 文/花漫 我一把揭開白布莲趣。 她就那樣靜靜地躺著,像睡著了一般饱溢。 火紅的嫁衣襯著肌膚如雪喧伞。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,850評論 1 290
  • 那天理朋,我揣著相機與錄音,去河邊找鬼绿聘。 笑死嗽上,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的熄攘。 我是一名探鬼主播兽愤,決...
    沈念sama閱讀 39,006評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼挪圾!你這毒婦竟也來了浅萧?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,747評論 0 268
  • 序言:老撾萬榮一對情侶失蹤哲思,失蹤者是張志新(化名)和其女友劉穎洼畅,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體棚赔,經(jīng)...
    沈念sama閱讀 44,207評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡帝簇,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,536評論 2 327
  • 正文 我和宋清朗相戀三年徘郭,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片丧肴。...
    茶點故事閱讀 38,683評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡残揉,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出芋浮,到底是詐尸還是另有隱情抱环,我是刑警寧澤,帶...
    沈念sama閱讀 34,342評論 4 330
  • 正文 年R本政府宣布纸巷,位于F島的核電站镇草,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏何暇。R本人自食惡果不足惜陶夜,卻給世界環(huán)境...
    茶點故事閱讀 39,964評論 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望裆站。 院中可真熱鬧条辟,春花似錦、人聲如沸宏胯。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,772評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽肩袍。三九已至杭棵,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間氛赐,已是汗流浹背魂爪。 一陣腳步聲響...
    開封第一講書人閱讀 32,004評論 1 266
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留艰管,地道東北人滓侍。 一個月前我還...
    沈念sama閱讀 46,401評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像牲芋,于是被迫代替她去往敵國和親撩笆。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,566評論 2 349

推薦閱讀更多精彩內(nèi)容