form表单的下拉菜单和列表框

 

还是和以前一样,先上效果图:

form表单的下拉菜单和列表框_第1张图片 form表单的下拉菜单和列表框_第2张图片

这个下拉菜单的生成需要一个重要的子标签,那就是select,代码如下:

下面是简易下拉菜单:



生成列表框也差不多:

下面是允许多选的列表框:


 控制生成列表框的属性就是multiple,size的值代表的是列表框的行数,而第二个select标签里用了一个optgroup的子标签,它的作用就是将列表的各个选项进行分类,使用户可以更加清晰的看出来选择哪一个。

 

你可能感兴趣的:(form表单的不同用法)