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