第一次用html做了一个注册页面
    image.png
    我将通过一行一行的解释代码的使用

    首先整个界面使用了一个大的table来显示n行两列 所以一个table n个tr 每个tr2个td来实现页面布局(调节属性align居中 和每个单元格的距离为20)只要没有参数border就不会有那些条条框框黑线影响表格美观
    image.png

    第一行使用了h3标题段落来实现,并且利用align属性对标题实现居中
    image.png
    第二行姓名使用了text标签让用户输入名字
    image.png
    第三行性别行使用了img图片的输入和radio标签单选框要注意设置name属性实现多选一,设置id属性配合lable标签人性化选中文本(点文本男或女也可以选中单选框)
    image.png

    第四行生日采用了一个tr 一个td,同时用select-option标签实现了节约空间的多选框
    image.png

    第五第六行的所在地和学历和姓名类似用text标签实现,但区别是加入了属性value,让用户一开始就可以看见提示语
    image.png

    第七行评价多选框通过checkbox实现复选,再通过lable实现人性化点击文字也可以选中复选框
    image.png

    第八行文本域通过textarea来实现
    image.png

    第九行同意选框和评价复选框类似,通过checkbox实现,但是区别是将属性checked改成”checked”,可以实现打开网页自动选中打勾checkbox
    image.png

    第十行假的登陆界面就是通过一个内部超链接解决

    image.png

    第十一行承诺和条款分别用了h4标题和无序列表ul来实现
    image.png

    下面附上全部核心代码

    兄弟集美们快来加入我们实锤吴签


































    姓名
    性别
    网页注册页面(未美化) - 图13


    网页注册页面(未美化) - 图14

    生日



    所在地
    学历
    吴签是个怎么样的人(可多选)
    所掌握的证据
    我同意注册条款和满足加入会员的标准
    我是会员,立即登录

    我承诺


    • 年满18岁、足够理智

    • 抱着严肃认真的态度

    • 不是吴签的粉丝