网页用户登陆注册页面

1.代码区展示

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>输入</title>

<style>

    .form{

        width: 50%;

        height: 50%;

        color:rgb(157, 0, 255);

        background-color: rgb(215, 250, 243);

    }

</style>

</head>

<body>

    <form class="form" name="信息" method="">

        user:<input><br>

        passwd:<input type="password"><br>

        mailbox:<input><br>

        <input type="text" name="jieshao" maxlength="50" size="60" value="http://"><br>

        <p>性别</p>

        <input type="radio" name="sex" value="male">Male

        <input type="radio" name="sex" value="female">Female<br>

        <p>爱好</p>

        <input type="checkbox" name="like">篮球<br>

        <input type="checkbox" name="like">羽毛球<br>

        <input type="checkbox" name="like">网球<br>

        <input type="checkbox" name="like">排球<br>

        <input type="checkbox" name="like">其他<br>

        其他:<input>

        <p>出生年月日</p>

        <form name="aihao">

            <select name="like" size="1" >

                <option>apple</option>

                <option>pear</option>

                <option>hy</option>

            </select>

            <select name="year" size="1" >

                <option>2024</option>

                <option>2023</option>

                <option>2022</option>

                <option>2021</option>

                <option>2020</option>

                <option>2019</option>

                <option>2018</option>

                <option>2017</option>

                <option>2016</option>

                <option>2015</option>

                <option>2014</option>

            </select>

            <select name="month" size="1" >

                <option>12</option>

                <option>11</option>

                <option>10</option>

                <option>9</option>

                <option>8</option>

                <option>7</option>

                <option>6</option>

                <option>5</option>

                <option>4</option>

                <option>3</option>

                <option>2</option>

                <option>1</option>

            </select>

            <select name="day" size="1" >

                <option>31</option>

                <option>30</option>

                <option>29</option>

                <option>28</option>

                <option>27</option>

                <option>27</option>

                <option>27</option>

                <option>27</option>

                <option>27</option>

                <option>27</option>

                <option>27</option>

                <option>27</option>

                <option>27</option>

            </select><br>

        <input type="image" src="https://ts1.cn.mm.bing.net/th/id/R-C.31df3a5a2d8462228734f95d459883e2?rik=7EE6TeWDk%2f%2bctQ&riu=http%3a%2f%2fwww.quazero.com%2fuploads%2fallimg%2f140303%2f1-140303214331.jpg&ehk=SpI7mz%2byLqOkT8BL79jcd3iCtQYNFlBHQzbtF1p0vuQ%3d&risl=&pid=ImgRaw&r=0" width="100" >

        <input type="text" maxlength="4"><br>

        <textarea name="info" rows="10" cols="50"></textarea><br>

        <input type="file"><br>

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

        <input type="reset"><br>

        </form>

        <hr>

        <div class="form">

            form

        </div>

</body>

</html>

2.效果页面展示:

  • 44
    点赞
  • 32
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值