A. 前端開發應該知道的幾個CSS網頁表單布局技巧
1、絕對定位
在絕大過程中，想確定一個元素在網站當中的固定位置，絕對定位是實現這個方式的解決辦法。在網頁當中，絕對定位可精確的控制元素在網頁當中的位置，我們可使用頂部、底部、左側和右側，附上一個像素值來控制元素所在的位置。
position:absolute;top:50px;right:50px
上面的CSS設置一個元素的位置從瀏覽器的頂部和右邊保持50px。你也可以在div內使用絕對定位。
2、覆蓋所有樣式
寫CSS的時候都應該知道，當你想給一個元素添加一個新的CSS樣式，但這個樣式之前已經被定義過了。此時我們可以採用！important來定義。
例如，如果我想在我的網站的特定部分的H3標題是紅色而不是黃色，可以使用下面的CSS：
.section h3 {color:red !important; }
3、居中
居中分很多情況，一般會分成文本居中和DIV的內容居中。
文本居中
文本居中使用text-align：center; 。如果想讓文本在左右兩側，可以使用左側或右側。
DIV內容
DIV內容居中跟文本居中不一樣。CSS可以這樣定義：
#div1 { display: block; margin: auto; width: anything under 100% }
把寬度設置為「100％以下」的原因是因為如果它是100％寬度，那麼如果是全寬度，並且不需要居中。最好有一個固定的寬度，如60％或550像素等。
4、垂直對齊（對於一行文本）
要使菜單的高度和文本的行高一致，可以這么設置：
.nav li{line-height:50px; height:50px;}
5、懸停效果
這適用於按鈕，文本鏈接，網站的部分，圖標等等。如果你想做一個懸停效果，可以試試：
.entry h2{font-size:36px; color:#000; font-weight:800;} .entry h2:hover{color:#ffeb3b;}
這個功能可以讓你的h2標簽的顏色從黑色變成黃色。
6、懸停效果過渡
對於懸停效果，如使用菜單或網站上的圖像，我們肯定不希望顏色快速貼近結果，所以我們可以通過使用時間變化來達到過渡的效果。
.entry h2:hover{color:#ffeb3b; transition: all 0.5s ease;}
這就使得樣式上的改變，可以是從黑色變黃色的過渡時間是0.5秒，而不是立即變成黃色。這使得懸停效果更加和諧而不會顯得太突兀。
7、a標簽的狀態
我們在遇到a標簽的時候，一定要給a標簽做樣式定義，否則特別容易造成用戶在使用上的困惑。通過樣式可以讓用戶知道這個鏈接是否被點擊過，更利於用戶體驗。
a:link {color: blue; } a:visited {color: red; }
8、輕松調整圖像大小以適應
說到這個樣式，我之前不知道可以通過以下方式達到圖片的自適應效果。作為一個新手，我相信這個效果肯定有很多人都想做，當然，我提供的方法也只是其中的一種：
img {max-width:100%;height:auto;}
這個樣式意味著最大的圖像可能是100％，並根據圖像寬度自動計算高度。在某些情況下，您可能還必須指定寬度為100％。
9、父級元素和子元素
如果ni不希望選擇任意的後代元素，而是希望縮小范圍，只選擇某個元素的子元素，請使用子元素選擇器：
h1 > strong {color:red;}
特殊情況下你可能會想定義第N個子元素的樣式，這樣就可以用到下面這個樣式：li:nth-child(n)
具體的使用方法可以去w3school上看。
10、將CSS應用於多個類或選擇器
如果你想要在所有圖片，博客部分和側邊欄上添加相同的邊框。你不必寫出相同的CSS樣式重復3次。只需列出這些項目，用逗號分隔：
.blog,img,.sidebar {border: 1px solid #000;}
B. 前端開發過程中，表單樣式該怎樣去美化
要是沒有美工功底，請使用前端開發工具包，裡面都自帶個性化主題樣式的，就跟寫PPT一樣，設定好了一個樣式，全站會統一風格。請使用WijmoJS前端開發工具包。這款工具包將主題專門封裝成一個控制項，可以單獨調用，而且整個包的體量都非常輕便，不用擔心佔用過多的系統資源。
作為一款純前端控制項集，WijmoJS 秉承「快如閃電、觸控優先、可高度定製化和零依賴」的設計理念，提供眾多輕量且高性能的純前端控制項集，幫助用戶高效率完成企業 Web應用開發，除在全球率先支持Angular 外，現已全面應用於React、Vuejs、TypeScript、Knockout 和 Ionic 等主流框架中。
WijmoJS 發展至今，已經被越來越多的知名企業運用到其項目開發中，如特斯拉、微軟、思科、招商銀行等。憑借其先進的觸控設計和全面的框架支持，WijmoJS 提供的純前端控制項更專注於頂級性能和零依賴性。其靈活的 API 為用戶提供易用、輕松的操作體驗，全面滿足企業開發所需，是構建 Web應用程序最完備的純前端控制項集。
C. 前端動態增加Field，該怎樣創建Form模型
1. formsets是同一個model的組合，而這里是兩個model，(Book和Author)
2. django的form如果用後台渲染的話，是在生成form的時候就確定了form裡面的欄位，哪怕是動態生成，而這里的需求是前台(js)動態修改form裡面的欄位(增刪欄位)
目前我的解決方案是 自己寫html模板，已經放棄了form表單，然後ajax傳入後台，自己解析，保存。
D. 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) {
//後台返回的數據及你要做的處理
}
}）；
E. 背景： 前端表單頁面，在一個input輸入框需要輸入多個url。 問題： 之前我想用分號進行分隔，然後在js中
最好的解決辦法就是採用多個輸入框。
理論上說，不管你輸入的分隔符是什麼，URL中都可以含有、
F. 前端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"的輸入框中輸入「可以提交」，才進行表單提交；否則不提交。
G. 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>
H. 求前端大神給個表單模板，兼容PC和手機端的
bootstrap對表格的自適應效果是通過滾動條來實現的，手機屏幕下自動產生滾動條，左右拖動
I. 前端做input表單，type=file怎樣提交給後台
1、首先，你要對form表單設置下相關屬性，增加如下屬性：
enctype="multipart/form-data" action="接收上傳文件的後台處理URL" method="post"
<form enctype="multipart/form-data" action="" method="post">
J. 前端的表單驗證還有必要嗎
前端校驗是為了體驗，也就是盡可能降低出錯率，提高一次性提交的成功率。不僅要校驗，還要有各種的友好的提示。
必須後端校驗的：唯一性驗證、驗證碼、敏感詞。出錯概率高的要做非同步校驗
有必要在前端校驗的：必填項、（郵箱、電話號、地址）格式、密碼強度檢測
非必要校驗：現在幾乎沒有「確認密碼」這項了。原則上犯錯成本不高的都可以是非必要的，過於嚴格會影響體驗
前端校驗是為了體驗，後端校驗是為了安全。缺一不可