1、form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用?
form表單用于用戶在頁面中輸入一些信息,瀏覽器將該信息打包傳送給服務(wù)器,由服務(wù)器的后端程序進(jìn)行下一步處理:如返回給用戶一些信息或者更新服務(wù)器數(shù)據(jù)庫的內(nèi)容等。
<input type="text">//用于單行文本輸入
<input type="password">用于輸入密碼
<input type="radio">定義單選按鈕,允許用戶在有限的選項中選擇一個
<input type="checkbox">定義復(fù)選框,允許用戶選擇多個
<input type="submit">定義用于向表單處理程序提交表單的按鈕
<input type="button">定義按鈕,但不會提交表單
<input type="number">用于輸入數(shù)字
2、post 和 get 方式的區(qū)別?
- get用于非敏感數(shù)據(jù)的提交,post用于敏感數(shù)據(jù)的提交
- 當(dāng)使用get方法時,提交數(shù)據(jù)在地址欄是可見的,而使用post方法是不可見的
- get適用于數(shù)據(jù)的查詢和獲取,post適用于數(shù)據(jù)的增加、刪除和修改
- get方法提交的數(shù)據(jù)最多只能是1024字節(jié),理論上post沒有限制,可傳較大量的數(shù)據(jù)
3、在input里,name 有什么作用?
- name 屬性規(guī)定 input 元素的名稱。
- name 屬性用于對提交到服務(wù)器后的表單數(shù)據(jù)進(jìn)行標(biāo)識,或者在客戶端通過 JavaScript 引用表單數(shù)據(jù)。
4、radio 如何 分組?
- 通過name屬性分組。相同的name為一組
5、placeholder 屬性有什么作用?
- placeholder屬性主要是規(guī)定幫助用戶填入輸入字段的提示,即輸入字段的默認(rèn)顯示值.
6、type=hidden隱藏域有什么作用? 舉例說明
作用:用于隱藏不讓用戶看見,但對于web應(yīng)用有用的信息。
- 暫存信息:后端在構(gòu)造web頁面的過程中,通過hidden隱藏域在頁面中添加了相關(guān)數(shù)據(jù)信息(用戶對網(wǎng)頁進(jìn)行操作時可能會用到這些數(shù)據(jù)信息)
- 信息安全:后端在構(gòu)造web頁面的過程中,可以通過hidden隱藏域在頁面中添加相關(guān)的驗證信息,當(dāng)form表單被提交后,服務(wù)器會收到該驗證信息,通過一定的算法校驗該驗證信息,可以有效防止非法請求對數(shù)據(jù)庫的增刪改查,提高了web應(yīng)用的安全性。
7、html表單用法簡單介紹
一、<form>
表示一個文檔中表單的區(qū)域,常用屬性:
- action:’指定處理這個表單數(shù)據(jù)的程序所在的URL
- method:指定使用何種方式提交表單數(shù)據(jù)
例子:
<form action='/getInfo' method='get'>
...
...
...
</form>
二、input標(biāo)簽。
常用的input類型:
input類型 | 作 用 |
---|---|
text | 單行文本框 |
password | 密碼輸入框(不會顯示輸入的字符) |
checkbox | 多選(同一組name屬性必須一致) |
radio | 單選(同一組name屬性必須一致) |
file | 上傳文件, accept屬性可以選擇文件類型accept='image/png'——只能上傳png文件) |
hidden | 隱藏域 |
buttom | 普通按鈕 |
submit | 提交數(shù)據(jù)的按鈕 |
reset | 重置按鈕 |
三、 label標(biāo)簽。
<label for="abc">xxx</label>
<input id="abc" type="text" name="abc">
對輸入框和密碼框的文字說明。for屬性對應(yīng)input的id屬性,當(dāng)點擊文字時可以定位到輸入框。
四、textarea標(biāo)簽
<textarea id=" " name=" " cols="40" rows="10"></textarea>
cols 列數(shù)。rows 行數(shù)。
五、 select標(biāo)簽
用于下拉欄,必須加上name屬性。
<select name="car" id="car">
<option value="sabo">薩博</option>
<option value="fox">fox</option>
</select>
六、 placeholder屬性
在文本框內(nèi)的提示語