基本框架搭建好了後，我們就要開始豐富頁面內容了。最起碼，得有乙個使用者登入的表單不是麼？(註冊的事情我們先放一邊。)
一、 使用原生html頁面
刪除原來的login.html檔案中的內容，寫入下面的**：登入
使用者名稱：
密碼： 簡單解釋一下：
form標籤主要確定目的地url和傳送方法；
p標籤將各個輸入框分行；
label標籤為每個輸入框提供乙個前導提示，還有助於觸屏使用；
placeholder屬性為輸入框提供佔位符；
autofocus屬性為使用者名稱輸入框自動聚焦
required表示該輸入框必須填寫
passowrd型別的input標籤不會顯示明文密碼
以上功能都是html5原生提供的，可以減少你大量的驗證和js**，更詳細的用法，請自行學習。
特別宣告：所有前端的驗證和安全機制都是不可信的，惡意分子完全可以脫離瀏覽器偽造請求資料！
啟動伺服器，訪問可以看到如下圖的頁面：
二、引入bootstrap 4
如果你的實際專案真的使用上面的那個頁面外觀，妥妥的被老闆打死。**雖然簡單，速度雖然快，但沒有css和js，樣子真的令人無法接受，在顏值即正義的年代，就是錯誤。
然而，大多數使用django的人都不具備多高的前端水平，通常也沒有專業的前端工程師配合，自己寫的css和js卻又往往慘不忍睹。怎麼辦？沒關係，我們有現成的開源前端css框架！bootstrap4就是最好的css框架之一！
這裡直接給出html標籤，複製貼上即可：
css：
以及js：
由於bootstrap依賴jquery，所以我們也需要使用cdn引用jquery 3.3.1:
另外，從bootstrap4開始，額外需要popper.js的支援，依舊使用cdn的方式引入:
下面，我們就可以建立乙個漂亮美觀的登入頁面了，具體**如下：
登入 使用者名稱：
密碼：新使用者註冊
登入
訪問一下login頁面，看起來如下：
三、新增靜態檔案
然而，上面的登入頁面在寬度上依然不太合適，背景也單調，所以一般我們會寫一些css**，同時使用背景。
繼續在/login/static/login目錄下建立乙個css和乙個image目錄，css中新增我們為登入檢視寫的css檔案，這裡是login.css，image目錄中，拷貝進來你想要的背景，這裡是bg.jpg。最終目錄結構如下：
下面我們修改一下login.html的**，主要是引入了login.css檔案，注意最開頭的，表示我們要載入靜態檔案。
登入 使用者名稱：
密碼：新使用者註冊
登入
好了，現在可以重啟伺服器，重新整理登入頁面，看看效果了：
手機頁面前端框架weui
針對前端寫 手機頁面有以下幾種方式，乙個是寬度按照百分比來寫，比如寬度100 元素30 來寫，這種方式的話相對多一些，相容的效果也好很多 一種方式是通過html5多 概念，針對每乙個尺寸都寫個頁面出來，通過螢幕尺寸來自動調整，這種相對來說比較繁瑣，而且整體效果也不是很理想，還有一種就是通過大神們寫好...
JQuery頁面前端遍歷樣例
jquery遍歷1 cssclass遍歷元素 將所有的checkbox設定為未選中，採用遍歷的方法來完成 控制項如下 清空職位 導購 收銀員店長 jquery 如下 jobpostajoblistselected是checkbox被選中時的css stopdefault函式用於中止預設的事件響應 c...
今天面前端哦 2015 08 27
最近蘭州找工作，話說這點兒上沒了工作再來找活，可不容易啊。說說今天面試內容 廢話不多說，話說蘭州已經有五年工作經驗啦，退一萬步，哦，有點多了，少了點講，兩步吧，剛好夠挪一下屁股，講，蘭州也是 乙個.net 據說是 井方面 的大神啦，各處跑，各種面，各種問，各種回答，一不小心 答了個天花亂綴，因為實在...