㈠ html 表單一定要用submit提交嗎
不一定非要用submit提交，還有以下幾種方式：
1、選擇input類型為submit組件的onclick()函數也可以實現提交。
如：<inputtype="submit"value="提交"onclick="returnvalidateForm();">
2、使用用button按鈕的onclick()函數，進行手動點擊提交。
如：<inputname="btnModify"type="button"id="btnModify"value=「修改"onclick="modifyItem()">
(1)表單前端擴展閱讀：
Html提交的小技巧
自動提交：
<html>
<head>
<title>UntitledDocument</title>
(1)自動提交表單:
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
</head>
guage=javascript>
setTimeout("document.form1.submit()",10000)
</script>
<bodybgcolor="#FFFFFF"text="#000000">
<formname="form1"method="post"action="pp.asp">
<p>
<inputtype="text"name="textfield">
</p>
<p>
<inputtype="text"name="textfield2">
</p>
</form>
</body>
</html>
10秒後提交。
㈡ HTML5網頁前端設計中如下圖表單的代碼怎麼寫
下面是表單代碼，你直接再加屬性就可以了，表單用 table 寫比較簡單，div 太麻煩了；
<html xmlns=" http://www.dayinmandarin.com ">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>黑板</title>
</head>
<body>
<div style="width:500px;">
<h1 style="width:500px;height:50px;color:#2A8DF0;border-bottom:#2A8DF0 solid 3px; text-align:center;">用戶注冊頁面</h1>
<table cellpadding="0" cellspacing="10" style="margin:0 auto;">
<tr>
<td align="right" valign="top"><div>用戶名：</div></td>
<td><input style='width:250px' value='請輸入用戶名' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>密 碼：</div></td>
<td><input style='width:250px' value='請輸入密碼' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>確 認：</div></td>
<td><input style='width:250px' value='請再次輸入密碼' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>姓 名：</div></td>
<td><input style='width:250px' value='請輸入真實姓名' /></td>
</tr>
<tr>
<td align="right" valign="top"><div>郵 箱：</div></td>
<td><input style='width:250px' value='請輸入電子郵箱' /></td>
</tr>
</table>
<div align="center"><input style="width:100px;height:30px;text-align:center;line-height:30px;background:#2289F0;border:#2289F0;color:white;font-weight:bold;font-size:16px;" type="submit" value="提交注冊" /></div>
</div>
</body>
</html>
㈢ 前端如何將form表單中值轉成json字元串
JSON.stringify()
㈣ 關於前端form提交表單，後端springmvc接收的問題
Controller方法加參數，參數名和表單中名字一樣就可以啊 如：public String test(User user) { System.out.println(user.username); } 表單中就是 這樣控制台就能列印出表單中輸入的username了。
㈤ 前端form表單驗證怎麼做
<HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<BODY>
<form action="http://www..com" onsubmit="return toVaild()">
<input type="text" id="ff">
<input type="submit" id="submit" value ="提交"/>
</form>
</BODY>
<script language="javascript">
function toVaild(){
var val = document.getElementById("ff").value;
alert(val);
if(val == "可以提交"){
alert("校驗成功，之後進行提交");
return true;
}
else{
alert("校驗失敗，不進行提交");
return false;
}
}
</script>
</HTML>
上面的網頁中，只有在id="ff"的輸入框中輸入「可以提交」，才進行表單提交；否則不提交。
㈥ 前端開發過程中，表單樣式該怎樣去美化
要是沒有美工功底，請使用前端開發工具包，裡面都自帶個性化主題樣式的，就跟寫PPT一樣，設定好了一個樣式，全站會統一風格。請使用WijmoJS前端開發工具包。這款工具包將主題專門封裝成一個控制項，可以單獨調用，而且整個包的體量都非常輕便，不用擔心佔用過多的系統資源。
作為一款純前端控制項集，WijmoJS 秉承「快如閃電、觸控優先、可高度定製化和零依賴」的設計理念，提供眾多輕量且高性能的純前端控制項集，幫助用戶高效率完成企業 Web應用開發，除在全球率先支持Angular 外，現已全面應用於React、Vuejs、TypeScript、Knockout 和 Ionic 等主流框架中。
WijmoJS 發展至今，已經被越來越多的知名企業運用到其項目開發中，如特斯拉、微軟、思科、招商銀行等。憑借其先進的觸控設計和全面的框架支持，WijmoJS 提供的純前端控制項更專注於頂級性能和零依賴性。其靈活的 API 為用戶提供易用、輕松的操作體驗，全面滿足企業開發所需，是構建 Web應用程序最完備的純前端控制項集。
㈦ 前端的表單驗證還有必要嗎
前端校驗是為了體驗，也就是盡可能降低出錯率，提高一次性提交的成功率。不僅要校驗，還要有各種的友好的提示。
必須後端校驗的：唯一性驗證、驗證碼、敏感詞。出錯概率高的要做非同步校驗
有必要在前端校驗的：必填項、（郵箱、電話號、地址）格式、密碼強度檢測
非必要校驗：現在幾乎沒有「確認密碼」這項了。原則上犯錯成本不高的都可以是非必要的，過於嚴格會影響體驗
前端校驗是為了體驗，後端校驗是為了安全。缺一不可
㈧ thinkphp 如何進行表單前端自動驗證
thinkphp3.2.3的D方法創建資料庫模型
模型中設置一個protect欄位$_validate,配置認證規則
調用D方法返回的對象的create方法對表單數據進行驗證
thinkphp自動驗證功能介紹
㈨ Form表單提交信息，怎麼取到返回值，前端JS應該怎麼寫，後端的返回值應該用json嗎
我一般用ajax請求，例：$.ajax({
type: 'post',
url: URL,
data: JSON.stringify({
//前端傳給後台的值
}),
contentType: "application/json; charset=utf-8",
dataType: 'json', //json text
success: function (data) {
//後台返回的數據及你要做的處理
}
}）；
㈩ 前端表單提交怎樣 做出 興趣 限制選項
很常見的業務場景，就是前端一個表單，submit給後台，在web.form時代，有from的runat="server"配合submit自動會提交給服務端，然後服務端解析Request裝填對象。如果要是非同步提交的話，就麻煩點，from表單不會自動把你的所有value傳給後台，於是就一個一個獲取value值，通過json對象非同步提交給後台，然後再由後台一個一個解析，再封裝給對象。
$.post("Handler1.ashx",{Name:$("#txtName").val(),Age:$("#txtAge").val()},function(res)
{...})
很慶幸的是上面只有2個參數，如果需要提交有10多個參數的話，用這種方法相信大家都有手疼的感覺。
幸虧在jquery上有serializeArray方法，可以不關心表單內容，只要有name屬性，就會直接匹配value或者test值，生成一個json對象。如下：
<formid="createStudent_form"runat="server">
<table>
<tr><td>Name:</td><td><inputtype="text"name="Name"/></td></tr>
<tr><td>Address:</td><td><inputtype="text"name="Address"/></td></tr>
<tr><td>Sex:</td><td>男<inputtype="radio"name="Sex"value="1"/>女<inputtype="radio"name="Sex"value="0"/></td></tr>
<tr><td>Remark:</td><td><textareaname="Remark"></textarea></td></tr>
<tr><td><inputtype="button"value="submit"id="submit_btn"/></td></tr>
</table>
</form>
<scriptsrc="Scripts/jquery-1.10.2.min.js"></script>
<script>
$(function(){
$("#submit_btn").click(function(){
varjson=$("#createStudent_form").serializeArray();
console.log(JSON.stringify(json));
});
})
</script>
點擊提交表單，列印出來的結果是：
結果
一看是個json對象數組，除了第一個是webForm獨有的shit東西以外，其他大家一眼可以看出來是name，value兩個鍵值對相匹配。這與我們想要得到的格式{name:value}還不太一致，當然jquery做到這一步已經不錯了（其實內部實現原理也不難，拿到表單一一遍歷組成Json），剩下的就需要咱們自己擴展了。簡單改造如下：
serializeJson
通過上面的方法就得到了咱們想要的結果集了，但是這只是最基本的擴展，你可以繼續深化比如支持相同內容的多個表單提交，支持相同name的多選框等等。
咱們非同步提交給後端看看：
非同步提交com？
相信到了這一步後，用過Mvc的小夥伴們看了一下子就興奮起來了，因為Action會自動轉化類型，只要你在後台定義過一個StudentModel對象，其參數和name一致，然後不用關系Requset就可以直接拿到了對象的值，這簡直是爽呆了，幾乎是太簡單了。如下：
自定義實體轉化
希望能多少給你點幫助。
最後再反向操作下，給了Json對象，如何自動把值賦給表單中的元素：
數據源：
publicActionResultIndex()
{
returnView();
}
publicActionResultLoadAll()
{
List<Test>list=newList<Test>();
Testtest1=newTest(){
Id=1,
Name="xxx",
Title="xxx",IsCheck=false,
ClassId=1
};
list.Add(test1);
returnJson(list);
}
}
publicclassTest
{
publicintId{get;set;}
publicstringName{get;set;}
publicstringTitle{get;set;}
publicboolIsCheck{get;set;}
publicintClassId{get;set;}
}
前端：
<script>
$(function(){
load();
})
functionsyncJsonTofrom($form,entity)
{
for(varkeyinentity){
var$control=$form.find("[name="+key+"]");
if($control){
if($controlwww.66298899.com?attr("type")=="checkbox"&&entity[key]){
$control.attr("checked",true);
}
$control.val(entity[key]);
}
}
}
functionload(){
$.post("/Test/LoadAll",function(res){
varentity=res[0];
syncJsonTofrom($("#frm"),entity);
})
}
</script>
<formid="frm">
ID:
<inputtype="text"name="Id"/>
NAme:
<inputtype="text"name="Name"/>
Title
<inputtype="text"name="Title"/>
Ischeck<inputtype="checkbox"name="IsCheck"/>
class
<selectname="ClassId">
<optionvalue="0">xxx</option>
<optionvalue="1">222
</option>
<optionvalue="2">222333
</option>
</select>
</form>