這一段時(shí)間一直在寫(xiě)公司的后臺(tái)管理系統(tǒng);在寫(xiě)后臺(tái)管理的時(shí)候有兩點(diǎn)是特別爽的:
首先不用考慮兼容性;
第二呢就是頁(yè)面的美觀;
不說(shuō)太多了,直接寫(xiě)一下自己這一周的感想吧;
首先在寫(xiě)后臺(tái)的時(shí)候;登錄頁(yè)面上是必需的;一般在寫(xiě)后臺(tái)管理系統(tǒng)的時(shí)候;UI的參與的可能性就比較低了;應(yīng)為畢竟在本公司后臺(tái)寫(xiě)自己的管理后臺(tái);用著怎么方便怎么來(lái);但是太丑話;也太對(duì)不起咱們的技術(shù);其實(shí)說(shuō)白了就是在寫(xiě)后臺(tái)的時(shí)候,可能需要你自己根據(jù)需求還有產(chǎn)品給的原型圖來(lái)定一個(gè)主題;這個(gè)時(shí)候其實(shí)挺考驗(yàn)?zāi)愕慕?jīng)驗(yàn)的;怎么寫(xiě)才能更好的顯示每個(gè)區(qū)域的功能;這個(gè)個(gè)人覺(jué)的需要經(jīng)驗(yàn)來(lái)積累吧;而且你要自己定個(gè)主題;
哎呀有點(diǎn)跑偏了;等下一篇在寫(xiě)自己的寫(xiě)的一個(gè)成型的管理系統(tǒng);我是基于angularJs1+Bootstrap3為基礎(chǔ)框架寫(xiě)的一個(gè);覺(jué)得不LOW得話;可以給大家分享;
言歸正傳;
在H5中新增的屬性;使表單驗(yàn)證變得更加便利了;具體總結(jié)了以下幾個(gè)
這些屬性必須在form標(biāo)簽里面才能使用
placeholder 占位字符
autofocus 設(shè)置某元素自動(dòng)獲取焦點(diǎn)
autocomplete 是否開(kāi)啟自動(dòng)完成
要求表單必須被提交满力,需要自動(dòng)完成的元素必須添加name屬性
novalidate 是否進(jìn)行非法性驗(yàn)證(添加到form上)
添加該屬性表示不進(jìn)行驗(yàn)證
form 指定元素跟隨對(duì)應(yīng)的表單進(jìn)行提交
form="要跟隨的表單的ID"
指定后自脯,當(dāng)點(diǎn)擊form表單中的提交按鈕時(shí),該元素會(huì)被一同提交
required 非空驗(yàn)證
pattern 指定一個(gè)正則表達(dá)式镶苞,當(dāng)輸入值與表達(dá)式不符時(shí)砌们,將禁止提交
以下這兩項(xiàng)并不是form專屬,任何元素都可
contenteditable 允許元素內(nèi)容可編輯
draggable="true" 允許元素可拖拽
當(dāng)然了H5同樣新增了一些input;
電子郵件:
數(shù)字:
范圍:
URL:
image:
時(shí)間:
日期:
月:
周:
時(shí)間:
本地時(shí)間:
顏色:
電話: