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