html设置form居中,HTML中的表单Form实现居中效果

之前碰到一个作业，给了一张图片，让按照图片样式做一个表单，但在所有功能都实现后，发现无法让表单居中，一直缩在左上角，看起来很难看。在经过了各种修改后，终于成功将表单居中，下面分享一下我所经历过程中的错误与最终结果。(因为做这部分作业的时候还没有学 css，所以没用)

1、刚做出来的样子

名字:

姓氏:

登录名:

(可包含a-z、0-9和下划线)

密码:

(至少包含6个字符)

再次输入密码:

电子邮箱:

(必须包含@字符)

看起来很别扭，所以要继续改进一下。。。

2、经过修改后

看起来好像更别扭了，但是实现了居中，到这里时，我也不知道自己用的 < center> 对不对。。。

`````

`````

form>

center>

3、使用表格布局后

这就是在经过了一晚上的修改后，最终呈现的结果。

名字:
姓氏:
登录名:	(可包含a-z、0-9和下划线)
密码:	(至少包含6个字符)
再次输入密码:
电子邮箱:	(必须包含@字符)
性别:	男 女
头像:
爱好:	运动 聊天 玩游戏
出生日期:	年 [选择月份] 1月 2月 3月 4月 5月 6月 7月 8月 9月 10月 11月 12月 日

若觉得左边的标签左对齐不好看，也可以在 < td >标签中加入align=“right”,使文字右对齐

名字:

到此这篇关于HTML中的表单Form实现居中效果的文章就介绍到这了,更多相关HTML表单Form居中内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章，希望大家以后多多支持三水点靠木！

展开阅读全文