PHP開發註冊頁面之HTML頁面

上面的註冊頁面有4個<input>輸入框，一個button按鈕，加上驗證碼，程式碼如下

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>PHP中文网</title>
</head>
<body>
<form action="" method="post">
    <div class="container">
        <div class="right">
            <h2>用户注册</h2>

            <p>用 户 名：<input type="text" name="name" id="name"></p>
            <p>密　　码: <input type="password" name="pwd" id="pwd"></p>
            <p>确认密码: <input type="password" name="pwdconfirm" id="pwdconfirm"></p>
            <p>验 证 码：<input type="text" name="yzm" id="yzm"></p>
            <p><button type="submit" value="注册" >立即注册</button></p>
        </div>
    </div>
</form>
</body>
</html>

上面的程式碼就把我們的註冊頁面所用到的4個<input>輸入框，一個button按鈕，顯示出來了，但是由於頁面沒有css樣式，是很不美觀的，所以在下章節我們要在我們的頁面做一些css樣式

繼續學習

新建檔案

<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> <form action="" method="post"> <div class="container"> <div class="right"> <h2>用户注册</h2> <p>用户名：<input type="text" name="name" id="name"></p> <p>密　　码: <input type="password" name="pwd" id="pwd"></p> <p>确认密码: <input type="password" name="pwdconfirm" id="pwdconfirm"></p> <p>验证码：<input type="text" name="yzm" id="yzm"></p> <p><button type="submit" value="注册" >立即注册</button></p> </div> </div> </form> </body> </html>

提交重置程式碼

自動運行