如何從頭制作一個html5登錄頁面

首先要登陸自己的賬號，這個工具是免注冊的，微信掃一掃就登陸進去了；

創新互聯一直通過網站建設和網站營銷幫助企業獲得更多客戶資源。 以"深度挖掘，量身打造，注重實效"的一站式服務，以網站建設、成都網站建設、移動互聯產品、營銷型網站服務為核心業務。十余年網站制作的經驗，使用新網站建設技術，全新開發出的標準網站，不但價格便宜而且實用、靈活，特別適合中小公司網站制作。網站管理系統簡單易用，維護方便，您可以完全操作網站資料，是中小公司快速網站建設的選擇。

進去后是模板頁面，有很多有趣好玩的模板；

點擊“我的”進入個人空間；

添加新折頁。模板中有很多好玩的游戲，所以我們選擇做一個相冊；

可以掃碼看一下初始的效果，決定了之后點擊“開始制作”；

每一個標簽頁都有自己的內容，可以通過刪除和復制自己控制模板的規格；

上傳素材替換掉模板中的內容；

可以實時在手機上預覽效果；

保存折頁的時候記得修改頁面上的信息；

好的制作者可是會利用這些信息吸引眼球哦~

在手機上預覽沒有問題后就可以直接右上角分享給朋友啦！~

html5注冊功能怎么將賬號密碼存儲在本地

源碼如下

script

//先查看是否有本地數據（記住密碼）

/* function myfunction(){

var email = localStorage.getItem("email");

var password = localStorage.getItem("password");

if(email!=nullpassword!=null){

alert("郵箱："+email+"密碼："+password);

$.ajax({

url : '../servlet/LoginServlet?choose=login',

data : {

email : email,

password : password

},

dataType : 'json',

success : function(data) {

if (data.msg == "") {

alert("用戶名或密碼錯誤");

} else {

//登錄成功后保存session，如果選擇了記住密碼，再保

存到本地

//window.location.href ='../index/index.jsp';

}

},

error : function() {

alert("系統錯誤");

}

});

}else{

//alert("沒有信息");

}

}

function saveStorage(){

var email = document.getElementById("email").value;

localStorage.setItem("email",email);

var password = document.getElementById("password").value;

localStorage.setItem("password",password);

}

function login(){

$.ajax({

url : '../servlet/LoginServlet?choose=login',

data : {

email : $('#loginform input[name=email]').val(),

password : $('#loginform input[name=password]').val()

},

dataType : 'json',

success : function(data) {

if (data.msg == "") {

alert("用戶名或密碼錯誤");

} else {

//登錄成功后保存session，如果選擇了記住密碼，再保存到

本地

window.location.href ='../index/index.jsp';

}

},

error : function() {

alert("系統錯誤");

}

});

}

function reg(){

$.ajax({

url : 'servlet/LoginServlet?choose=reg',

data : {

username : $('#regform input[name=username]').val(),

password : $('#regform input[name=password]').val(),

email : $('#regform input[name=email]').val(),

},

dataType : 'json',

success : function(data) {

if(data.msg == false){

alert("注冊失敗");

}else{

alert("注冊成功請返回登錄");

}

},

error : function() {

alert("系統錯誤");

}

});

} */

$(document).ready(function(){

//讀取 localStage 本地存儲，填充用戶名密碼,如果自動登錄有值直接跳轉

；

//相反，跳轉到本頁面,等待登陸處理

var storage = window.localStorage;

var getEmail = storage["email"];

var getPwd = storage["password"];

var getisstroepwd = storage["isstorePwd"];

var getisautologin = storage["isautologin"];

if("yes" == getisstroepwd)

{

if("yes" == getisautologin)

{

if(( ("" != getEmail) ||(null != getEmail)) (("" !=

getPwd) ||(null != getPwd)))

這個首頁的html5網站設計代碼（尤其是頭部那登錄注冊代碼怎么寫）

首先先說一下HTML5的代碼只是在原有的XHTML基礎上增加了一些新的標簽（還有一些新的特性，例如數據庫和緩存等特性）

以下為此頁面的結構代碼：

!doctype?html

html

head

meta?charset="utf-8"

meta?name="revised"?content=""?/

meta?name="keywords"?content=""?/

meta?name="description"?content=""?/

meta?name="author"?content=""??/

meta?name="robots"?content="all"?/

title頁面標題/title

/head

body

header

div/div!--登陸注冊區域--

/header!--頭部[html5新標簽]--

nav/nav!--導航[html5新標簽]--

div/div!--banner--

div/div!--左上--

div/div!--右上--

div/div!--左下--

div/div!--右下--

footer/footer!--底部[html5新標簽]--

/body

/html

注：以上為頁面的大的框架，相對用HTML5新的標簽更合理的，全用上了新的帶有語義標簽。

另外多說一下，[注冊登陸]這塊在html5的新標簽里面沒有很合適的語義化的標簽，所以依然采用原有的div標簽為最合理。html5只是在原有的技術的基礎上更細化了，咱在制作代碼的過程中沒必要必須用HTML5的代碼，主要看是否合理，合理的為較合適的。

多說的：不管用XHTML還是HTML5寫代碼，結構（HTML5）與樣式（CSS）盡量要分離！

希望能幫到你！

html5 登陸注冊頁面用到的技術

HTML5+CSS3+Jquery寫一個漂亮的登陸框；

ajax實現無刷新驗證；

響應式設計；