打算用HTML語言，來放幾個input及其他單選框，複選框之類的文本框。
通過對input的理解，我自己先寫了個簡單的代碼，但是顯示出來有點亂，呈現的效果沒有那麼好，下面是我自己寫的代碼：
IP Address:<input type=”text” name=”ip_add” value=”192.168.6.1″><br/>
Subnet Mask:<input type=”text” name=”mask” value=”255.255.255.0″><br/>
GetWay:<input type=”text” name=”getway” value=”192.168.6.102″><br/>
NDS:<input type=”text” name=”nds” value=”202.96.128.86″><br/>
MAC Address:<input type=”text” name=”mac_add” value=”FF:FF:FF:FF:FF:FF”><br/>
原本是想input文本框前的名字左對齊的，後面所有文本框垂直對齊，但結果如下：
完全不是自己想要的結果，怎樣才能讓它更完善呢？想起之前看過的ul是無序列表，那應該可以正確排列的，不過同時也需要用到css，馬上改寫下代碼：
<head>
<style type=”text/css>
ul.none{list-style-type:none}
</style>
</head>
<body>
<ul class=”none”>
<li>IP Address:</li><input type=”text” name=”ip_add” value=”192.168.6.1″>
<li>Subnet Mask:</li><input type=”text” name=”mask” value=”255.255.255.0″>
<li>GetWay:</li><input type=”text” name=”getway” value=”192.168.6.102″>
<li>NDS:</li><input type=”text” name=”nds” value=”202.96.128.86″>
<li>MAC Address:</li><input type=”text” name=”mac_add” value=”FF:FF:FF:FF:FF:FF”>
</ul>
</body>
顯示的結果如下:
現在後面的文本框全部下來了，還是不行，那應該如何弄，在網上又查了下，有高手錶示表格可以起到這樣的作用，那就先試試看，用固定的框架，效果應該會比較好，重新寫了如下的代碼：
<table>
<tr>
<td>IP Address:</td>
<td><input type=”text”name=”ip_add”value=”192.168.6.1″></td>
</tr>
<tr>
<td>Subnet Mask:</td>
<td><input type=”text”name=”mask”value=”255.255.255.0″>
</td>
</tr>
<tr>
<td>GetWay::</td>
<td><input type=”text”name=”getway”value=”192.168.6.102″></td>
</tr>
<tr>
<td>NDS:</td>
<td><input type=”text”name=”nds”value=”202.96.128.86″></td>
</tr>
<tr>
<td>MAC Address:</td>
<td><input type=”text”name=”mac_add”value=”FF:FF:FF:FF:FF:FF”></td>
</tr>
</table>
果然表格的功效還是很強大，出來的結果很滿意，如下圖：
更新：雖然用ul失敗了，但我覺得應該還是可以用ul來實現，於是在我不斷的試驗下，終於還是讓我用ul顯示出了我想要的結果，雖然看上去的效果沒有table的好，不過也算是小有成就，直接上代碼和結果：
<html>
<head>
<style type=”text/css”>
ul.none{list-style-type:none}
li.left{float:left }
span{float:left}
.......
........
........
........
.............................................................................閱讀全文，請點擊 K.N.J的博客
本文轉載自：K.N.J
相關信息：1.IE9的新功能