day2、作業(yè) 2019-01-22

用已經(jīng)學過的web前端知識搭建一個登錄框架

解:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>簡單的登錄界面</title>
    </head>
    <body>
        <form action="" method="get">
        <table border="0" cellspacing="" cellpadding="" align="center" background="img/炫.jpg" height="300" width="480">
            <tr><th colspan="4" align="center">登錄界面</th></tr>
            <tr>
                <td align="right" width="150">賬號:</td>
                <td colspan="2"><input type="text" name="id" id="" value="" placeholder="請輸入賬號" maxlength="12" /></td>
            </tr>
            <tr>
                <td align="right">密碼:</td>
                <td colspan="2"><input type="password" name="password" id="" value="" placeholder="請輸入密碼" maxlength="12" /></td>
                <td><input type="radio" name="顯示密碼" id="顯示密碼" value="" />顯示密碼</td>
            </tr>
            <!--<tr>
                <td>性別:</td>
                <td align="center">男</td>
                <td align="center">女</td>
                <td></td>
            </tr>-->
            <tr>
                <td align="center"><button>注冊</button></td>
                <td align="center"><button>登錄</button></td>
                <td align="right"><button>隱藏登錄</button></td>
            </tr>
        </table>
        </form>
    </body>
</html>

運行結果:

登錄界面1.jpg
登錄界面2.jpg
登錄界面3.jpg
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 前言 這里筑夢師,是一名正在努力學習的iOS開發(fā)工程師,目前致力于全棧方向的學習,希望可以和大家一起交流技術,共同...
    筑夢師Winston閱讀 26,453評論 80 514
  • 百合傳說 相傳很久以前,有一伙海盜搶劫了一個漁村,他們搶了很多財物糧食,又將村里的婦女和兒童劫到了一座孤島。他們玩...
    王不懂Sir閱讀 1,625評論 0 0
  • 廈門游記(一) 西大街小學四(3)班 馬東楊 昨天下午,我們急匆匆地去了姥...
    馬少軍閱讀 382評論 0 0
  • 孤獨的夜瀾,沒有打擾的悠閑,聽夢語,是來自海的呼喚,光的蹁躚,暗藏著溫暖,安靜的靈魂,總在時間的縫隙里穿梭,一隅,...
    katykitty閱讀 382評論 0 0

友情鏈接更多精彩內(nèi)容