1.form表單有什么作用?有哪些常用的input 標簽,分別有什么作用?
表單的作用是搜集用戶的輸入,用戶提交表單時向服務器傳輸數據,從而實現用戶與web服務器的交互。
常用的input標簽:
type="text":用于文本輸入的單行輸入字段
type="password":將輸入的數據自動變為小圓點。用于密碼框
type="radio":單選按鈕,允許用戶在有限數量的選項中選擇一個
type="checkbox":復選框
type="submit":用于向表單處理程序提交表單的按鈕。
type="button":按鈕
type="reset":重置按鈕
type="hidden"隱藏文件
type="file"上傳文件
2.post 和 get 方式的區別?
Get是用來從服務器上獲得數據,而Post是用來向服務器上傳遞數據。
Get將表單中數據的按照variable=value的形式,添加到action所指向的URL后面,并且兩者使用“?”連接,而各個變量之間使用“&”連接;Post是將表單中的數據放在form的數據體中,按照變量和值相對應的方式,傳遞到action所指向URL。
Get是不安全的,因為在傳輸過程,數據被放在請求的URL中,而如今現有的很多服務器、代理服務器或者用戶代理都會將請求URL記錄到日志文件中,然后放在某個地方,這樣就可能會有一些隱私的信息被第三方看到。另外,用戶也可以在瀏覽器上直接看到提交的數據,一些系統內部消息將會一同顯示在用戶面前。Post的所有操作對用戶來說都是不可見的。
Get傳輸的數據量小,這主要是因為受URL長度限制;而Post可以傳輸大量的數據,所以在上傳文件只能使用Post。
3.在input里,name 有什么作用?
作為可與服務器交互數據的HTML元素的服務器端的標示。我們可以在服務器端根據其Name查看對應元素提交的值。
4.radio如何分組
通過name分組,name相同的為一組。
5.placeholder屬性有什么作用
在文本框中顯示提示信息,一旦用戶輸入信息提示信息就會消失。
6.type=hidden隱藏域有什么作用?舉例說明
隱藏對web很重要但是不想讓用戶看見的數據。
提高安全性能:在web頁面中用type=hidden來添加數據。當次頁面上傳至服務器時,服務器會通過驗證次隱藏分數據來提高安全性能。
7.HTML表單的用法
http://www.lxweimin.com/p/966c5790c307
8.form表單
https://ciown.github.io/blog/test/%E8%A1%A8%E5%8D%95.html
簡介
表單的作用是搜集用戶的輸入,用戶提交表單時向服務器傳輸數據,從而實現用戶與web服務器的交互。
表單一般用于帳號注冊、或需要填寫東西提交的地方。
表單的使用
form
所有的input必須寫在form里面,用于提交給form所對應的后臺上。如果有input再form外面則這個input所對應的數據就傳不到后臺去。
form標簽是表單的外殼
form有4個重要屬性
屬性 | 作用 |
---|---|
action | 表單提交的地址 |
method | 提交表單的方式。分為get和post兩種方式。 |
enctype | 1. application/x-www-form-urlencoded 在發送前編碼所有字符(默認). 2. multipart/form-data 不對字符編碼。在使用包含文件上傳控件的表單時,必須使用該值。 ---------------------------------------------------------------------- 3. text/plain 空格轉換為 "+" 加號,但不對特殊字符編碼。 |
target | 在何處打開action |
input的基本屬性
屬性 | 用法 |
---|---|
type=text | 單行輸入 |
type=password | 輸入內容自動變成小圓點。可用于密碼的輸入 |
type=checkbox | 復選框。name相同的一組復選框。在使用checkbox時須將value的值設置好。若checkbox對應的文本為讀書,則需令value=read(value對應的值和checkbox對應的文本的意思一致) |
type=radio | 單選框。value的用法和checkbox一致 |
type=file | 上傳文件。accept選擇上傳文件的格式。accept=image/png 意思為只能上傳格式為png的圖片。 |
type=hidden name=" asd" value=" fdsa" | 隱藏輸入數據,用戶看不到。作用 1. 暫存信息 2. 提高安全性能。 |
placeholder="請輸入密碼" | 提示文本。不影響用戶輸入,當用戶往input里輸入數據時提示文本會消失 |
type=submit | 提交信息 |
type=rest | 清空信息 |
label
<label>
用戶名
</label>
用于input之前,用于添加提示文本。
下拉菜單
<select name="xxx">
<option value="abc">abc</option>
<option value="sdf" selected=“selected”>sdf</option>// selected的意思為默認值為sdf
<option value="dfg">dfg</option>
</select>
多行文本
<textarea name="article">
aaaa
</textarea>