前端——简单页面设计练习2——注册表

最新推荐文章于 2022-11-11 23:24:35 发布

Seer666

最新推荐文章于 2022-11-11 23:24:35 发布

阅读量1k

点赞数 3

分类专栏：前端练习文章标签：前端页面设计小练习

本文链接：https://blog.csdn.net/Seer666/article/details/100023694

版权

前端练习专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在这里插入图片描述
验证码需要自行创建，导入img文件夹

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
 <fieldset style="width: 500px; ">
    <legend>账户信息</legend>
    <form action="#" method="get">
        <table>
            <tr>
                <td><span style="color: red">*</span>
                    <label for="user">用户名:</label></td>
                <td> <input type="text" name="username" id="user"></td>
            </tr>
            <tr style="height: 10px;"></tr>

            <tr>
                <td><span style="color: red">*</span>
                    <label for="pwd">密&nbsp;&nbsp;&nbsp;码:</label> </td>
                <td><input type="password" name="pwd" id="pwd"></td>
            </tr>
            <tr style="height: 10px;"></tr>

            <tr>
                <td><span style="color: red">*</span>
                    <label for="yzm">验证码：</label> </td>
                <td> <input type="checkCode" name="Code" id="yzm">
                    <img src="img\yanzhengma.png"  alt="没有该图片" title="yanzhengma.png"></td>
            </tr>           
        </table>
        <br>
        性别： <label for="male">男</label>
              <input type="radio" name="sex" id="male" />
              <label for="female">女</label> 
              <input type="radio" name="sex" id="female" />
        <br><br>
        <input type="submit" value="提交消息">            
    </form>
 </fieldset>
            <fieldset style="width: 500px; 
                            height: 650px;
                            line-height: 30px;">
            <legend>公司信息</legend>
            <table>
                <tr>
                    <td><label for="cp">公司名称:&nbsp;&nbsp;</label></td>
                    <td><input type="text" name="companyname" id="cp"></td>
                </tr>
            </table> 
            <br>          
            公司所在地址：
                        <select name="请选择">
                            <OPtion value="0">请选择</OPtion>
                            <option value="1">中国</option>
                        </select>
                        <select name="请选择">
                            <OPtion value="0">请选择</OPtion>
                            <option value="1">广东省</option>
                            <option value="2">广西省</option>
                            <option value="3">福建省</option>
                        </select>
                        <select name="请选择">
                            <OPtion value="0">请选择</OPtion>
                            <option value="1">广州市</option>
                            <option value="2">桂林市</option>
                            <option value="3">厦门市</option>
                        </select>
            <br><br>
            购买类型用途：<input type="checkbox">通讯设备
                         <input type="checkbox">家电
                         <input type="checkbox">办公
            <br><br>           
            公司行业：<select name="" id="" multiple style="color: red;">
                <option value="">IT行业</option>
                <option value="">计算机行业</option>
                <option value="">董事长</option>          
            </select>
            <br><br>               
            公司介绍：<textarea name="" id="" cols="30" rows="10"></textarea>
            <br><br>
            营业执照上传：<input type="file" name="file" >
            <br><br> 
            <form action="#">
                <style>
                    #ip{
                        color:white;
                        background-color: red;
                        border: none;
                        height: 40px;
                        width: 260px;}
                    </style> 
                    <input  type="submit" value="立即注册" id="ip">   
            </form>           
                      
            </fieldset>       
    </body>
</html>

Seer666

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
前端——简单页面设计练习2——注册表

<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content...
复制链接

扫一扫