在用HTML創建表單的案例中，下拉列表框與復選框是有區別的，那在寫HTML程序時，為了效果美觀，我們也要特別注意。比如一般情況下，部門屬性中用的是下拉列表框，所以不是在最后一個部門的結尾才加上換行符<br>，是在<select></select>之后，而對於興趣復選框就可以隨意的添加，因為復選框下的屬性可以多選，豎着排的話就各位后面都加一個換行符，橫着排就最后一個興趣屬性后加就可以了。而且換行符<br>沒有closing tag，獨立使用，很是方便。HTML元素的屬性必須用""括起來，多個屬性之間也必須用空格分隔，而且對於HTML語言來說多余的空格會被截去，因為它只承認一個，要在中間加空格的話，得用 來代替一個空格。
JavaScript是通過嵌入或調用在標准的HTML語言中實現的，它彌補了HTML語言的缺陷，是Java和HTML折中的選擇，使用<script>標記完成，並通常在HTML的<head>內使用。在程序中定義了一個function函數，要它返回一條甚至幾條數據信息，它是順序執行的，設計完它的內容后想要得到相應的結果，僅此還不行，還需要調用剛才定義的函數，才可以執行，這個不能忘。
1 <form action="" method="post"> 2 編 號:<input type="text" name="userid" value="NO." size="2" maxlength="2"><br><br> 3 用 戶名:<input type="text" name="username" value="請輸入用戶名"><br><br> 4 密 碼:<input type="password" name="userpass" value="請輸入密碼"><br><br> 5 性 別:<input type="radio" name="sex" value="男" checked>男 6 <input type="radio" name="sex" value="女" >女<br><br> 7 8 <!-- 下拉列表框，通過<option>元素制定下拉的選項 --> 9 部 門:<select name ="dept"> 10 <option value="技術部" SELECTED>技術部</option> 11 <option value="銷售部">銷售部</option> 12 <option value="財務部">財務部</option> 13 </select><br><br> 14 15 <!-- 復選框 可以同時選擇多個選項，類型和名稱一樣，value的值為正真提交給處里頁的內容 --> 16 興 趣:<input type ="checkbox" name="inst" value="唱歌">唱歌 17 <input type ="checkbox" name="inst" value="游泳">游泳 18 <input type ="checkbox" name="inst" value="跳舞">跳舞<br><br> 19 說 明:<textarea name ="note" cols="30" rows="3">請輸入備注說明...</textarea><br> 20 <input type="submit" value="注冊" style="margin:50px"><input type="reset" value="重置"><br> 21 </form>
上面的例子中看到技術部的<option>里有個SELECTED，這是表明下拉列表框在未進行選擇前它有個默認的狀態，此例中默認為技術部門
