作者|李娜
*本文為「Java聯(lián)盟」原創(chuàng)內(nèi)容永票，轉(zhuǎn)載無(wú)需授權(quán)，請(qǐng)保留署名來(lái)源滥沫。
啊哈Ｂ录！佣谐！傳說(shuō)中的娜姐又回來(lái)了肚吏！
今天就給大家?guī)?lái) html編程基礎(chǔ)篇 最后一章 完結(jié)篇
《如何制作一個(gè)制作登錄界面？》
步入正題
先看看效果圖
怎么樣狭魂，看著還是很像那么回事吧罚攀！
我要是不說(shuō)，你們會(huì)不會(huì)以為我再和你們吹牛雌澄！
嗯斋泄！
上大圖！
后面就是一張背景圖片镐牺，我們不要在意這些細(xì)節(jié)炫掐，我們主要的是學(xué)習(xí)技術(shù)，懂嗎睬涧？學(xué)習(xí)知識(shí)Ｄ嘉浮！
首先分析頁(yè)面的結(jié)構(gòu)：
大致分成如下幾塊：
最大的一塊畦浓，放置背景圖片
(美工的妹妹有點(diǎn)忙我就痹束，娜姐就隨便找了張圖。小伙伴們就當(dāng)真的看哈讶请！)
第二大塊是為了定位祷嘶，好吧！我們的登陸界面定在頁(yè)面的右側(cè)！
第三大快就是我們的主體论巍，登陸界面了烛谊！
第四，第五塊就是我們的內(nèi)容了嘉汰！
動(dòng)工
上代碼：
看看這效果：
要是網(wǎng)站加載出來(lái)是這個(gè)樣子丹禀，我想誰(shuí)也不會(huì)去想登錄一下吧？
這濃濃的假冒網(wǎng)站的氣息撲面而來(lái)呀郑现！
打開(kāi)這網(wǎng)頁(yè)我都害怕我這電腦中毒…
所以小伙伴們包裝是多么的重要湃崩！對(duì)不對(duì)荧降！
（所以有時(shí)間接箫，就收拾一下自己，不要以為朵诫，你通宵出來(lái)的造型多么瀟灑不羈辛友，女孩子更喜歡干凈，陽(yáng)光一點(diǎn)的男生懂嗎剪返？為你們我也是操碎了心了…等娜姐有時(shí)間給你們開(kāi)開(kāi)小灶）
樣式代碼奉上：
效果圖我已將展示過(guò)了废累！
知識(shí)點(diǎn)
知識(shí)點(diǎn)1：
form 表單
form詳解：
action 規(guī)定當(dāng)提交表單時(shí)向何處發(fā)送表單數(shù)據(jù)
method 規(guī)定用于發(fā)送 form-data 的 HTTP 方法
target???? ?規(guī)定action 屬性中提交的頁(yè)面會(huì)在何處打開(kāi)
name ? ?? 名字
form表單是一個(gè)包含表單的元素區(qū)域
表單能夠包含?input 元素，比如文本字段脱盲、復(fù)選框邑滨、單選框、提交按鈕等等钱反。（輸入信息）
表單用于向服務(wù)器傳輸數(shù)據(jù)掖看。（把我們輸入的賬號(hào)密碼什么的傳到后臺(tái)處理！）
知識(shí)點(diǎn)2：
input：
type中的類(lèi)型
text ????????文本框
password 密碼
radio ????????名字
checkbox 復(fù)選
好的今天就給大家分享這些知識(shí)了面哥。
說(shuō)實(shí)話哎壳，登錄界面什么的真的是，煩得要死尚卫，尤其是哪些需要驗(yàn)證碼的界面归榕，所以，娜姐今天給大家分享的登錄界面吱涉，沒(méi)有設(shè)置驗(yàn)證碼的選項(xiàng)哦刹泄！
（那個(gè)說(shuō)我不會(huì)做驗(yàn)證碼的胖子站住，看招怎爵！阿打~~~姐也是練過(guò)的特石！哼!）
閑雜人等，清場(chǎng)完畢疙咸！
當(dāng)然有什么問(wèn)題或者需要李娜我給大家分享講解的地方县匠，可以在留言區(qū)留言告訴我，整理后會(huì)在公眾號(hào)里面分享講解哦！
