form表單有什么作用壕吹？有哪些常用的input 標(biāo)簽浊闪，分別有什么作用？
- 創(chuàng)建一個(gè)表單概荷，實(shí)現(xiàn)與本頁(yè)或其他頁(yè)面的數(shù)據(jù)交互秕岛。
| input標(biāo)簽(type） | 作用 |
|---|---|
| checkbox | 復(fù)選框 |
| radio | 單選框 |
| file | 輸入字段和 "瀏覽"按鈕，供文件上傳 |
| hidden | 隱藏的輸入字段 |
| password | 密碼字段误证。該字段中的字符被掩碼 |
| reset | 重置按鈕继薛。重置按鈕會(huì)清除表單中的所有數(shù)據(jù) |
| submit | 提交按鈕。提交按鈕會(huì)把表單數(shù)據(jù)發(fā)送到服務(wù)器 |
| button | 可點(diǎn)擊按鈕 |
| textarea | 用戶(hù)可在其中輸入文本愈捅，可調(diào)整大小 |
post 和 get 方式的區(qū)別遏考？
- 傳送方式：get通過(guò)地址欄傳輸，post通過(guò)報(bào)文傳輸蓝谨。
- 傳送長(zhǎng)度：get參數(shù)有長(zhǎng)度限制（受限于url長(zhǎng)度）灌具，而post無(wú)限制
1林束、get方式的安全性較Post方式要差些，包含機(jī)密信息的話(huà)稽亏，建議用Post數(shù)據(jù)提交方式壶冒；
2、在做數(shù)據(jù)查詢(xún)時(shí)截歉，建議用Get方式胖腾；而在做數(shù)據(jù)添加、修改或刪除時(shí)瘪松，建議用Post方式咸作；
在input里，name 有什么作用宵睦？
作為可與服務(wù)器交互數(shù)據(jù)的HTML元素的服務(wù)器端的標(biāo)示记罚。
radio 如何 分組?
以是否是相同的name值來(lái)分。
placeholder 屬性有什么作用?
可在文本框中顯示灰色的提示字符壳嚎。
type=hidden隱藏域有什么作用? 舉例說(shuō)明
在當(dāng)前頁(yè)面不會(huì)有什么變化桐智，但是實(shí)際上他也是會(huì)提交給服務(wù)器：一般會(huì)暫存一些信息；另外出于安全的考慮了烟馅。
簡(jiǎn)單介紹 HTML 表單的用法
實(shí)現(xiàn)如下表單,附上預(yù)覽地址说庭。其中性別和取向是單選，愛(ài)好是多選
<!doctype html>
<html>
<head>
<meta charsest='utf-8'>
<meta name="viewport" content="width=device-width">
<tiltle>html表單</title>
</head>
<body>
<form action="/" method="POST">
<div class="username">
<lable for="username">姓名：</lable>
<input type="text" name="username" placeholder="用戶(hù)名">
</div>
<div class="password">
<lable for="password">密碼：</lable>
<input type="password" name="password" value="1213124134">
</div>
<div class="sex">
<lable>性別：</lable>
<input type="radio" name="sex" value="男">男
<input type="radio" name="sex" value="女">女
</div>
<div class="sex1">
<lable>取向：</lable>
<input type="radio" name="sex1" value="男">男
<input type="radio" name="sex1" value="女">女
</div>
<div class="hoppy">
<lable>愛(ài)好：</lable>
<input type="checkbox" name="hoppy" value="dota">dota
<input type="checkbox" name="hoppy" value="旅游">旅游
<input type="checkbox" name="hoppy" value="寵物">寵物
</div>
<div class="task">
<lable>評(píng)論：</lable>
<textarea cols="60" rows="10">
ddd
</textarea>
</div>
<div class="car">
<lable>我的car：</lable>
<select name="mycar">
<option value="bengtian">本田</option>
<option value="sabo" selected>薩博</option>
<option value="dazhong">大眾</option>
</select>
<input type="submit"value="Submit">
</div>
</form>
</body>
</html>
