寫乙個簡單的登入頁面 html

2021-10-11 02:12:44 字數 823 閱讀 9940

首先

現在html裡的body裡寫

乙個頭部header標籤(雙標籤)

然後在header標籤裡寫登入就像這樣

< header>使用者登入< /header>

然後再寫乙個div標籤

< div>

< input type=「text」 name=「username」 placeholder=「請輸入賬號…」 />

< input type=「password」 name=「password」 placeholder=「請輸入密碼…」 />(這是密碼部分)

然後再新增登入按鈕.如下:

< input type=「button」 value=「登入」 />

整理一下,總效果如下:

使用者登入<

/header>

"text" name=

"username" placeholder=

"請輸入賬號..."

/>

"password" name=

"password" placeholder=

"請輸入密碼..."

>

<

/div>

"button" value=

"登入"

/>

<

/div>

<

/body>接下來我放置一下效果圖

看起看起來不太美觀…那不如

加點樣式吧

html寫乙個簡單的瀏覽頁面

html標籤通常是雙標籤如,我們將需要用到的文字放在雙標籤的中間 如果需要進行修飾,就在標籤的括號內打一空格然後書寫修飾部分如超連結標籤,需要進行鏈結的新增時 早年經歷 標題標籤 相應的h1為一級標題,h2為二級標題,h3,h4為三四級標題,一級標題最大,然後越來越小 段落標籤 換行標籤 這裡 凱里...

使用Vue寫乙個登入頁面

為了不浪費大家時間,所以我把這段話放在了開頭。上一部落格講到構建了乙個vue專案,現在在那個專案之上實現乙個登入頁面。因為用到了element ui元件,所以需要先安裝element ui元件,進入專案根目錄後 執行cnpm i element ui構建專案的目錄 自己寫的樣式 import sty...

使用Vue寫乙個登入頁面

上一部落格講到構建了乙個vue專案,現在在那個專案之上實現乙個登入頁面。因為用到了element ui元件,所以需要先安裝element ui元件,進入專案根目錄後 執行cnpm i element ui構建專案的目錄 自己寫的樣式 import style theme.css import sty...