關(guān)于form表單~

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)的提示語

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,881評論 18 139
  • 本文介紹關(guān)于form表單的一些使用方法網(wǎng)站是如何與用戶進(jìn)行交互的?使用HTML表單。表單用于搜集不同類型的用戶輸入...
    左冬的博客閱讀 1,364評論 1 3
  • 1.form表單有什么作用?有哪些常用的input 標(biāo)簽,分別有什么作用? 標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單...
    1w1ng閱讀 296評論 0 0
  • form表單有什么作用?有哪些常用的input標(biāo)簽,分別有什么作用? 作用:表單用于接收不同類型的用戶輸入,用戶提...
    饑人谷_二釉閱讀 284評論 0 0
  • 我?guī)Ю仔〗闵狭颂炫_,那天刮著風(fēng)又掛著太陽,像九十年代的老電影,只是那時樓沒那么高。 「你叫我小舅,你考慮過你媽的感...
    消失的卡卡鸚鵡閱讀 470評論 0 0