表单制作

题目:

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

图片发自简书App

代码:

<!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>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • (本篇故事 完全属实 若有雷同 你比我二) 热爱柯南和推理的我一直自诩为侦探,直到昨天,大学同学果脯在微信上给我发...
    狂奔工作室cool阅读 389评论 9 0
  • 今天在ie浏览上发现一个错误 ,如上,没法解决.后来查了下资料,发现是window.top.listAllData...
    PandaWu阅读 3,213评论 0 0
  • 问题一:在哪里还能看到像唐朝一样的村庄? 早在采集狩猎的原始社会时期,秦岭便有了人类活动的踪影。如今,城镇化的步伐...
    专业行走阅读 2,389评论 5 32