用table表格来调整表单控件的格式让它好看一些
导读：收集整理的这篇文章主要介绍了用table表格来调整表单控件的格式让它好看一些，觉得挺不错的，现在分享给大家，也给大家做个参考。 因为想自己写一个web,所以也在学习htML语言的一些东西,让我回想起了大学时代曾对网页设计产生过兴趣...
收集整理的这篇文章主要介绍了用table表格来调整表单控件的格式让它好看一些，觉得挺不错的，现在分享给大家，也给大家做个参考。 因为想自己写一个web,所以也在学习htML语言的一些东西,让我回想起了大学时代曾对网页设计产生过兴趣,无奈那时候还没有自己的电脑,还常去网吧买个软盘下载一些图片,然后用fontpage做一些网页.后来买了电脑,则一直被"传奇"迷的一塌糊涂,也把网页设计给抛到脑后了.... 由于是在ubuntu下面工作,而linux底下的所见即所得的网页设计真是少的可怜.最后选择了blUEFIsh.
想做一个添加设备的表单,结果因为前缀大小不一样,所以很难看.如图：
复制代码代码如下:
!DOCTYPE html>
meta http-equiv="Content-type" content="text/html; charset=utf-8" />
html>
body>
用户名:input type="text" name="username"> br/>
密码:input type="password" name="password">
/body>
/html>
这个输入框没有对齐啊,我心里那个难过啊,这时候边上的同事说可以用表格来格式化一下，请教后代码如下：
复制代码代码如下:
!DOCTYPE html>
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
html>
body>
table>
tr>
td> 用户名:/td>
td> input type="text" name="username"> br/> /td>
/tr>
tr>
td> 密码:/td>
td> input type="password" name="password"> /td>
/tr>
/table>
/body>
/html>
啊哈,新技能get,感谢童竣同学大力支持~~
还教了我如何使用css来控制表格的格式
复制代码代码如下:
style type="text/css">
table{ border-top:#000 solid 1px; border-left:#000 solid 1px; }
td{ border-bottom:#000 solid 1px; border-right:#000 solid 1px; }
/style>
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 用table表格来调整表单控件的格式让它好看一些
本文地址： https://pptw.com/jishu/588148.html