前端form表單

2021-09-18 03:36:55 字數 1878 閱讀 4776

表單:表單就是提交資料的

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資料本體 在設計表單的時候...