码农的世界网页前端后台技巧(CSS+HTML)

表单制作

2019-03-13  本文已影响0人  逍遥_9353

题目:

      制作一个用户注册的界面如图所示

表单制作

代码:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>用户注册界面</title>

</head>

<body>

<h1>用户注册</h1>

<form action="do.php" method="post">

<table border="1">

        <tr>

            <td >用户名</td>

            <td>

                <input type="text" name="username" id="uid" required="required"/>

            </td>

        </tr>

        <tr>

            <td>密码</td>

            <td>

                <input type="password" name="pwd" id="pwd" required="required">

            </td>

        </tr>

        <tr>

            <td>确认密码</td>

            <td>

                <input type="password2" name="pwd2" id="pwd2" required="required"/>

            </td>

        </tr>

        <tr>

            <td>性别</td>

            <td>

                <label><input type="radio" name="sex" value="1" checked="checked"/>男</label>

                <label><input type="radio" name="sex" value="0"/>女</label>

            </td>

        </tr>

      <tr>

            <td>邮箱</td>

            <td>

                <input type="email" name="" id="">

            </td>

        </tr>

        <tr>

            <td>身份</td>

            <td>

                <select>

                    <option value="学生">学生</option>

                    <option value="教师">教师</option>

                </select>

            </td>

        </tr>

        <tr>

            <td>自我介绍</td>

            <td>

              <textarea name="intro" id="" cols="30" rows="10"></textarea>

            </td>

        </tr>

        <tr>

            <td colspan="2">

                <input type="submit" value="注册">

                <input type="reset" value="重填">

            </td>

        </tr>

</form>

</body>

</html>

上一篇 下一篇

猜你喜欢

热点阅读