一.form表單作用及常用input標(biāo)簽
form作用：用于向服務(wù)器傳遞數(shù)據(jù)
<form action="/abc" method="post"></form>
- action表示當(dāng)提交表單時(shí)向某個(gè)地址發(fā)送數(shù)據(jù)，
- method表示是post還是get
- enctype表示在發(fā)送到服務(wù)器之前會(huì)對(duì)字符進(jìn)行編碼
<form enctype="">
| 屬性 | 值 |
|---|---|
| application/x-www-form-urlencoded | 在發(fā)送前編碼所有字符（默認(rèn)） |
| multipart/form-data | 不對(duì)字符進(jìn)行編碼 在使用包含文件上傳控件的表單時(shí)盗痒，必須使用該值抠艾。 |
| text/plain | 空格轉(zhuǎn)換為“+”但不對(duì)特殊字符編碼 |
常用的input屬性
<input type="text" name="firstname"> //文本域
<input type="password" name="password"> //密碼域
<input type="radio" name="sex"> //單選框
<input type="checkbox name="hobby"> //復(fù)選框
<input type="submit" name=""> //提交按鈕
<input type="reset" name=""> //重置按鈕
<input type="file" name=""> //上傳文件
二.get和post的區(qū)別
- 當(dāng)使用get時(shí)如果提交的表單中有password，url中會(huì)顯示password的密碼诊县，這對(duì)用戶(hù)信息的安全是不利的讲弄，而使用post提交數(shù)據(jù)時(shí)，頁(yè)面的url不發(fā)生變化依痊，故不會(huì)泄露用戶(hù)的密碼
- 因?yàn)閡rl長(zhǎng)度的限制避除，get提交數(shù)據(jù)的長(zhǎng)度受到限制，而post則不會(huì)
- 表單get之后會(huì)返回一個(gè)url，這個(gè)url有可能被瀏覽器緩存瓶摆，而post則不行
- 表單get之后返回的url有利于SEO
三.input的name屬性
input的name屬性必須被設(shè)置凉逛。name屬性規(guī)定了input元素的名稱(chēng)，name是提交到服務(wù)器數(shù)據(jù)的一個(gè)標(biāo)識(shí)
四.radio分組
<pre>
<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="femal">女
</pre>
六.type="hidden"隱藏有什么作用
作用
- 暫存信息
- 安全
eg：<input type="hdden" name="csrf" value="d4f2daggg2xc4">
隱藏域在頁(yè)面中對(duì)于用戶(hù)是不可見(jiàn)的群井，在表單中插入隱藏域的目的在于收集或發(fā)送信息状飞，以利于被處理表單的程序所使用。瀏覽者單擊發(fā)送按鈕發(fā)送表單的時(shí)候书斜，隱藏域的信息也被一起發(fā)送到服務(wù)器诬辈。
