表單:表單就是提交資料的
form表單的屬性:form表單的元素
姓名:
1 input:輸入框
1.1 type:型別 預設為text
1.1.1 text:文字型別
1.1.2 password:密碼型別
1.1.3 checkbox:核取方塊(多選)
1.1.4 radio:單選(有預設值)
1.1.5 submit:提交
1.1.6 reset:重置
1.1.7 file:檔案
1.1.8 hidden:隱藏
1.1.9 image:
1.2.0 button:按鈕
1.2 name:指定該input元素的名稱,也可以指定其他元素
1.3 value:元素的初始值,type為radio時必須指定乙個值
1.4 size:指定表單元素的初始寬度
當type=text、password時,表單元素的大小以字元為單位
其他型別時,以畫素為單位
1.5 maxlength:type=text、password時輸入的最大字元數
1.6 checked:type=radio、checkbox,指定按鈕是否被選中
1.7 placeholder:文字框中的隱性提示(灰色字型的提示)
1.8 required:規定文字框內容不能為空
hongkong
seoul
tokyo
2 select:下拉框
2.1 name:下拉框元素名稱
2.2 option:用單選標籤定義下拉框選項,value寫在標籤了
3 **
table代表單元格,tr、td不分大小寫
一對代表一行
一對代表乙個單元格
建立乙個/my/myindex.ftl表單,提交路徑是/test/submittest 文字框做了隱性提示填寫、判空處理、姓名、密碼文字框做了長度限制處理、單選做了預設選擇處理
表單提交的頁面是/my/submit.ftl檔案中寫:表單提交成功,進入本頁面
建立乙個實體類,該類的屬性與表單中元素的那麼一定要一一對應
import lombok.data;
@data
public class myuser
請求的路徑controller
import com.longteng.lesson2.my.myuser.myuser;
import org.springframework.stereotype.controller;
import org.springframework.web.servlet.modelandview;
@controller
public class springboottest
public modelandview submittest(myuser myuser)else
return modelandview;
}}
請求 請求到表單頁,如下圖
該頁面提交到 位址,請求成功會進入下圖
不成功:使用者名稱、密碼與常量做了判斷,展示在上一附圖頁,給使用者錯誤提示
前端表單form提交驗證清除
表單提交一般有兩種方式 model表單和div表單,對於model表單提交,清除表單提交驗證資訊,只需要新增model隱藏事件即可 mymodal on hide.bs.modal function 對於div 表單提交清除驗證資訊,首先需要清除表單提價內容,然後新增 edit fm bootstr...
寬度 表單 Form表單
塊級元素和行內元素 1.塊級元素獨佔一行,行內元素在同一行顯示 2.塊級元素預設寬度為100 行內元素由內容撐開 3.塊級元素可以設定寬高,行內元素不可以設定寬高 4.塊級元素可以設定margin和padding和四個方向,行內元素只可以設定margin和padding和左右值,上下不起作用 5.塊...
關於表單(Form)
http協定基本的兩個請求方式為get與post,get請求方式為直接在請求的網址上傳送請求的相關資訊,例如 get login.jsp?user justin get請求方式由於是直接在網址上傳送請求的相關資訊,所以會在網址列上出現相關的請求資訊,例如 一些表頭 post資料本體 在設計表單的時候...