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