00:00
刚刚呢,我们已经把这个表单页面呢给显示出来了,但是我不知道大家有没有关注到啊,这个页面上你看它显示的其实不是特别的好看啊,那么我们的这样一个图呢,你看就显示的比较的工整,它很对齐,像这样一个效果怎么样去做呀,一般我们在显示表单的时候啊,我们会把这张表单的信息放在表格里面去展示,怎么做呢?来看我们先在上面加一个table。好,然后那里面加上这个行,OK,那么一般情况下每行呢有两个单元格,我先把这个隔开两个。OK,那么第一个单元干啥?大家看到第一个单元格放它的文字信息,如果文字信息比较短,不是特别多呢,你可以把这个TD呀和文字放在一行上面,然后把这个表单项放在这里啊,就样OK,然后以此类推,做法一样就可以了。
01:09
这样就可以把它们对齐下来啊,再复制一下,然后我多复制几行啊。还是不够。是吗?我看看哈T什么东西。T没有了,D没有啊,算了,就这样吧,复制吧,复制也快啊,复制要了多少时间,复制复制复制好,我们把这个文字信息啊放在这边,好,这个输入框放在这边。确认密码。输入框拿出来,那这样子呢,我们运行一下,再来看一下上面这个就很对齐,很整齐啊,很整齐,然后我们只要按照相同的这个做法,把下面这个表单信息啊,给它一样的放到这个表格里就可以了啊,我们还是一样多复制几行,因为一会不够用啊,把这个性别拿上来。
02:28
复制的时候这些行就都不要了啊,把这个单选框拿过来。啊,一般大家注意看一下哈,如果你的这个PD里面的内容比较多,我不建议大家放在一行,我们大家折行,折行的话显示呢会更好一些,可读性会更快一些,你看。这个效果。啊,放一行太长了嘛,这样就很清楚啊,这是单选框,然后再来兴趣安好。
03:02
同样啊,这操作没啥区别,就拿过来就行。啊,你看这个行很内容多折行吗?就讲过了,没有什么特别的,这行就行了啊,那么还有国籍。给他拿过来。啊,下拉列表给他拿过来。啊,OK,你看粘贴进去自动的带缩进啊挺好。那么简洁。放在这里,这个多含文本输入框剪切。放这里少的话放一行啊,OK,删掉。啊,这个是重置。这是提交完了。嗯,下面这一行多的删掉。
04:02
好,那么我们不需要去修改它默认的显示啊,好了,运行一下,大家看一下,就是那个表单整齐多了吧,跟一开始的时候你看这个这个乱不行哈,OK。那现在呢?一般情况下我们的表格居中可能会好一点,居中怎么办?我们在table上面加这个line。啊来咱们刷新一下居中了吧,并且呢,我们这个表表单啊,会有个标题啊,咱们上面加个标题吧。好。在这里H1。用户注册。好,那它也居中,它也居中怎么办呢?在这里加个。什么东西啊,深层啊,咱们刷新一下OK就过来了,哎,这个地方其实你还可以再让它靠右一点点啊,就更好一点啊,就提交啊就提交呢,你找到这个TD让它你看啊,就这个地方它是默认左对齐吧,你让他那内容再靠左一点点啊,就居中一点点就可以了。
05:20
啊,OK,你看就这样废了啊,那这就是那个表单啊,就是表单格式化,让它稍微对齐一点。
我来说两句