hc学习平台

 找回密码
 立即注册
搜索
热搜: 活动 交友 javakc
 › 柴寒宇宸 › 日志

使用表单设计一个学生入学登记表

2022-01-11 14:51:58 查看(124) 回复(0)

页面要求如下:


  1. 登记表表单使用p标签、label标签+css布局
  2. 表单中至少包含10项内容,比如:姓名、性别、学历、籍贯等
  3. 表单组件丰富,涉及input、select、textarea标签
  4. 页面布局简单、整齐
  5. 要求中没有提及的,自行设计


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <table>
        <form action="">
            <h3>学生入学登记</h3>
            <p>姓名:<input type="text" name="n1"></p>
            <p>性别:
                <input type="radio" name="n2" value="1">男
                <input type="radio" name="n2" value="2">女
            </p>
            <p>民族:<input type="nation" name="n3"></p>
            <p>出生年月:<input type="date" name="n4"></p>
            <p>婚否:
                <input type="radio" name="n5" value="1">已婚
                <input type="radio" name="n5" value="2">未婚
            </p>
            <p>政治面貌:
                <select name="n8" id="aa">
                    <option value="群众">群众</option>
                    <option value="团员">团员</option>
                    <option value="预备党员">预备党员</option>
                    <option value="党员">党员</option>
                </select>
            </p>
            <p>籍贯:<input type="text" name="n7"></p>
            <p>特长:<input type="text" name="n7"></p>
            <p>学历:
                <select name="n8" id="aaa">
                    <option value="小学">小学</option>
                    <option value="初中">初中</option>
                    <option value="高中">高中</option>
                    <option value="本科">本科</option>
                </select>
            </p>
            <p>手机号:<input type="tel" name="n9" pattern="1[356789]\d{9}"></p>
            <p><input type="submit" value="提交"></p>
        </form>
    </table>

</body>
</html>

评论 (0 个评论)

facelist

全部作者的其他最新日志



站点统计|举报|Archiver|手机版|小黑屋|Comsenz Inc.

GMT+8, , Processed in 0.195171 second(s), 9 queries .

Powered by javakc! X1.0

© 2004-2014 javakc

f1208.com 备案号:京ICP备14030918号-1

返回顶部