会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132473个问题

问题 :表单的不完美

            a、今天学习了表单 但是效果很是不理想 下面是自己找的表单练习 和效果图的对比

            b、问:如何像效果图一样美丽?表单如何对齐?

            c、代码区:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="ok.html" align="center">
      
       <p>* 会 员 名 <input type="text"></p>

       <p>*登录密码<input type="password"></p>

       <p>*重复密码<input type="password"></p>

       <p>*联系人姓名<input type="text"></p>

       <p>*企业名称<input type="text"></p>

       <p>
        *贸易身份
        <input type="checkbox">我要销售
        <input type="checkbox">我要采购
        <input type="checkbox">两者都是
       </p>
     
       <p>
           电话号码
           <select name="" id="">
             <option value="" selected>中国大陆+86</option>
             <option value="">hello word</option>
             <option value="">hello word</option>
             <input type="text">
           </select>




       </p>









    </form>
</body>
</html>

          d、效果图:(自己做的效果图展示)

          屏幕截图(165).png




                        e、理想图:

                         屏幕截图(164).png

WEB前端全系列/第一阶段:HTML5+CSS3模块/表单 13472楼
JAVA 全系列/第十八阶段:亿级高并发电商项目_架构/编码(旧)/电商:基于SpringSecurity实现后台登录功能 13474楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/网络编程 13475楼
JAVA 全系列/第六阶段:项目管理与SSM框架/Maven 13476楼
WEB前端全系列/第十三阶段:微信小程序-安心食疗(旧)/安心食疗-购物车 13477楼
Python 全系列/第二阶段:Python 深入与提高/文件处理 13478楼
大数据全系列/第六阶段:Hadoop 分布式文件系统HDFS/Hadoop 分布式文件系统HDFS 13480楼
Python 全系列/第一阶段:Python入门/编程基本概念 13481楼
JAVA 全系列/第十八阶段:亿级高并发电商项目_架构/编码(旧)/电商:基于FastDFS+Nginx+Kinkeditor实现商品新增 13482楼
JAVA 全系列/第七阶段:生产环境部署与协同开发/Docker 13483楼
Python 全系列/第二阶段:Python 深入与提高/异常机制 13484楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637