資訊專欄INFORMATION COLUMN
摘要：表單表單元素元素表示設(shè)置表單屬性設(shè)置接收表單的指定服務(wù)器端的地址路徑屬性表示發(fā)送給服務(wù)器端的方式屬性值默認(rèn)值將提交的數(shù)據(jù)添加到地址欄中進(jìn)行提交有限制，不安全屬性值將提交的數(shù)據(jù)綁定在表單中進(jìn)行提交沒有限制，相對安全屬性提交表單時要設(shè)
表單 表單元素 元素
表示設(shè)置表單
action屬性 - 設(shè)置接收表單的指定服務(wù)器端的地址路徑
method屬性 - 表示發(fā)送給服務(wù)器端的方式
get屬性值（默認(rèn)值） - 將提交的數(shù)據(jù)添加到地址欄中進(jìn)行提交（有限制，不安全）
post屬性值 - 將提交的數(shù)據(jù)綁定在表單中進(jìn)行提交（沒有限制，相對安全）
name屬性 - 提交表單時要設(shè)置name屬性，不然無法提交表單
輸入框 元素
表示設(shè)置表單中的搜索框
type屬性 - 表示定義什么類型的輸入框
text屬性值 - 文本框
password屬性值 - 密碼框
email屬性值 - 郵件輸入框(會有格式要求)
url屬性值 - 網(wǎng)址輸入框(會有格式要求)
number屬性值 - 定義數(shù)字控件(只能輸入數(shù)字)
輸入框的屬性
value屬性 - 可以用來 設(shè)置 或 獲取 輸入框中的數(shù)據(jù)內(nèi)容
placeholder屬性 - 可以提供使用輸入框的相關(guān)信息
autofocus屬性 - 可以自動獲取焦點，不用點擊輸入框就可以先選擇輸入框
disabled屬性 - 表示當(dāng)前輸入框不可用
readonly屬性 - 表示當(dāng)前輸入框只能讀，不能輸入內(nèi)容
元素 - 可以設(shè)置表單中的控件
type屬性 - 定義控件的類型
date屬性值 - 定義日期控件
month屬性值 - 定義月份控件
week屬性值 - 定義周期控件
color屬性值 - 定義選擇顏色的控件
按鈕
元素 - 可以設(shè)置表單中按鈕，用于實現(xiàn)提交表單、或其他功能
type屬性 - 設(shè)置按鈕的類型
submit屬性值 - 設(shè)置提交按鈕(提交表單)
reset屬性值 - 設(shè)置重置按鈕(重置輸入框中的內(nèi)容)
button屬性值 - 設(shè)置普通按鈕
元素 - 表示設(shè)置按鈕
該元素不是表單中的組件
該元素如果被使用在表單中，也具有提交表單的功能
圖像組件
元素 - 可以定義圖像組件
type屬性 - 設(shè)置圖像組件
image屬性值 - 定義圖像組件
src屬性 - 引入圖像的路徑
通過圖像組件引入的圖片具有提交表單的作用
單選框和多選框
單選框 - type屬性 的 radio屬性值 表示設(shè)置單選框
多選框 - type屬性 的 checkbox屬性值 表示設(shè)置多選框
通過 name屬性 將多個多選框分為一組
checked屬性 - 表示默認(rèn)被選擇項
文件域
文件域 - 表示允許用戶在頁面中打開選擇本地文件、上傳本地文件
accept屬性 - 設(shè)置當(dāng)前接收文件的類型
multiple屬性 - 可以同時接收多個文件
enctype屬性 - 設(shè)置提交表單時的方式
application/x-www-form-urlencoded屬性值（默認(rèn)值） - 表示以數(shù)據(jù)的方式提交表單
multipart/form-data屬性值 - 表示將表單以文件的方式提交（在文件域中使用時可以實現(xiàn)文件上傳）
實現(xiàn)文件上傳
enctype屬性的屬性值只能為 multipart/form-data
method屬性的屬性值只能為 post
文本域和隱藏域
下拉列表
元素 - 表示定義表單中的下拉列表
multiple屬性 - 可以將單選列表變成多選列表
size屬性 - 表示多選列表的顯示個數(shù)
元素 - 表示下拉列表中的選項
selected屬性 - 表示當(dāng)前列表中默認(rèn)被選中的選項
元素 - 另一種多選列表，可以對選項進(jìn)行分類
組合表單元素
元素 - 表示對分組的組件設(shè)置標(biāo)題
元素 和 元素 需要配合使用
表單驗證
表單驗證 - 在表單提交前對表單中數(shù)據(jù)進(jìn)行驗證
符合驗證 - 提交表單
不符合驗證 - 給出提示，按條件修改
驗證屬性
required屬性 - 表示驗證當(dāng)前組件中的內(nèi)容是否為空
minlength屬性 - 表示當(dāng)前組件中的內(nèi)容（文本）最小長度（字或字母的個數(shù)）
maxlength屬性 - 表示當(dāng)前組件中的內(nèi)容（文本）最大長度（字或字母的個數(shù)）
min屬性 - 表示當(dāng)前組件中的內(nèi)容是否小于min的值（使用在數(shù)字輸入框）
max屬性 - 表示當(dāng)前組件中的內(nèi)容是否大于min的值（使用在數(shù)字輸入框）
step屬性 - 表示當(dāng)前組件中的內(nèi)容每次增加或減少的數(shù)值（使用在數(shù)字輸入框）
表單中也有一些輸入框自帶驗證效果
郵件輸入框 - 按照郵箱地址的要求輸入
網(wǎng)址輸入框 - 按照網(wǎng)址的要求輸入
數(shù)字輸入框 - 只能輸入數(shù)字
顏色輸入框 - 只能規(guī)定顏色
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/113802.html
摘要：表單表單元素元素表示設(shè)置表單屬性設(shè)置接收表單的指定服務(wù)器端的地址路徑屬性表示發(fā)送給服務(wù)器端的方式屬性值默認(rèn)值將提交的數(shù)據(jù)添加到地址欄中進(jìn)行提交有限制，不安全屬性值將提交的數(shù)據(jù)綁定在表單中進(jìn)行提交沒有限制，相對安全屬性提交表單時要設(shè) 表單 表單元素 元素 表示設(shè)置表單 action屬性 - 設(shè)置接收表單的指定服務(wù)器端的地址路徑 method屬性 - 表示發(fā)送給服務(wù)器端的方式 ge...
摘要：會在用戶每次按下提交時進(jìn)行一次完整校驗或更改時進(jìn)行一次單表單項的驗證。傳入為表單值與外部自定義傳入的返回值為一個對象的表單提交處理而表單提交的處理，和我們做表單驗證類似，只需要參考官方示例我們就可以簡單的實現(xiàn)表單提交功能。 大家好，工作閑暇之余又來續(xù)寫一下Formik這個庫的文章了，這次文章主要內(nèi)容為如下： 更多表單組件的封裝示例 單選/多選按鈕 選擇器 時間選擇器 文本輸入框 ...
摘要：請求旅程的第一站是的。的任務(wù)是將請求發(fā)送控制器控制器是一個用于處理請求的組件。處理映射器根據(jù)請求攜帶的信息來進(jìn)行決策。這樣的結(jié)果就是，只能找到顯示聲明在配置類中的控制器。 構(gòu)建Spring Web應(yīng)用 說明 如果你有幸能看到。 1、本文參考了《Spring 實戰(zhàn)》重點內(nèi)容，參考了GitHub上的代碼 2、本文只為記錄作為以后參考，要想真正領(lǐng)悟Spring的強大，請看原書。 3、在一次...
摘要：的框架用于解決上述提到的問題，基于模型，可以幫助開發(fā)人員構(gòu)建靈活易擴(kuò)展的應(yīng)用。在這一章中，將專注于構(gòu)建該應(yīng)用的層，創(chuàng)建控制器和顯示，以及處理用戶注冊的表單。類有兩個靜態(tài)接口，代表兩種模擬服務(wù)的方式獨立測試和集成測試。 主要內(nèi)容 將web請求映射到Spring控制器 綁定form參數(shù) 驗證表單提交的參數(shù) 寫在前面：關(guān)于Java Web，首先推薦一篇文章——寫給java web一年左右...
摘要：和是最受歡迎的。虛擬環(huán)境將允許將項目依賴項與本地機器依賴項隔離開來。文件將是項目中的主文件。運行后，檢查本地主機。在中創(chuàng)建一個名為的文件夾，并創(chuàng)建一個名為的文件夾。部署創(chuàng)建帳戶為前端和全棧應(yīng)用程序提供免費部署服務(wù)。 ...
閱讀 2083·2021-09-22 15:54
閱讀 1842·2021-09-04 16:40
閱讀 868·2019-08-30 15:56
閱讀 2632·2019-08-30 15:44
閱讀 2159·2019-08-30 13:52
閱讀 1132·2019-08-29 16:35
閱讀 3352·2019-08-29 16:31
閱讀 2571·2019-08-29 13:48
