在用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，这是表明下拉列表框在未进行选择前它有个默认的状态，此例中默认为技术部门
