微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CSS表单2 组件排版

<!DOCTYPE html>
< html >
     < head >
         < title >单选按钮对齐</ title >
         < style type = "text/css" >
             div {
                 margin: 10px;
                 padding-bottom: 10px;
                 max-width:360px;
             }
             .title {
                 float: left;
                 width: 100px;
                 text-align: right;
                 padding-right: 10px;}
             .submit {
                 text-align: right;}
         </ style >     
     </ head >
     < body >
     < h1 >软件开发,成就梦想</ h1 >
     < h2 >学编程,上利永贞网 https://www.liyongzhen.com/</ h2
         < form  method = "post" >
             < div >
                 < label for = "name" class = "title" >用户名:</ label >
                 < input type = "text" id = "name" name = "name" />
             </ div >
             < div >
                 < label for = "password" class = "title" >密码:</ label >
                 < input type = "password" id = "password" name = "password" />
             </ div >
             < div >
                 < span class = "title" >性别:</ span >
                 < input type = "radio" name = "gender" id = "male" value = "M" />
                 < label for = "male" >男</ label >
                 < input type = "radio" name = "gender" id = "female" value = "F" />
                 < label for = "female" >女</ label >< br />
             </ div >
             < div class = "submit" >
                 < input type = "submit" value = "提交" id = "submit" />
             </ div >
         </ form >
     </ body >
</ html >

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。