下拉列表的优点:
不仅节省空间,使页面更加简洁而且 方便输入规范输入。
例如:
<form action="#" method="get"> 你来自 <select name="pre"> <option value="41">河南</option> <option value="33">浙江</option> <option value="32">江苏</option> </select> <input type="submit"> </form> <select>标签定义了一个下拉列表,其中name属性定义了提交的参数名。 <option>标签定义了一个选项。内容定义了该选项定义的文本,value属性定义了选择该选项时传递的参数值 比如说:河南 。 提交后 多选可通过设置multiple设置。 提交传递的参数 <select>标签的size属性定义了下拉标签的现实的选项个数,当小于实际选项时,会自动增加一条滚动条。 你打算购买小汽车的品牌 <select name="car"> <optgroup label="国产"> <option value="红旗">红旗</option> <option value="byd">比亚迪</option> <option value="奇瑞">奇瑞</option> </optgroup> <optgroup label="德国产"> <option value="benz">奔驰</option> <option value="bmw">宝马</option> </optgroup> <optgroup label="日产" disabled> <option value="本田">本田</option> <option value="三菱">三菱</option> </optgroup> </select> <optgroup>属性定义分组的显示的文字,disabled锁定选项为不可选。 textarea Textarea标签主要是为了方便用户输入较多的文字信息,rows属性指定编辑区域的行数,cols属性指定编辑区域的列数。 <textarea rows="3" cols="20"></textarea> fieldset 当信息较多时,可以考虑按照信息内容进行分组,达到表达清晰的目的,fieldset标签提供将信息分组的一种方式,分组后每组讯息默认的有一个边框,同时可以使用<legend>标签为每组指定一个标题。 <fieldset> <legend align="right">个人信息</legend> 姓名:<input type="text" name="name"> <br> 植物 <br> </fieldset> 隐藏域 当向服务器传递参数时,切勿该参数无需用户输入,甚至不想让用户看见,可以使用隐藏域。 <input type="hidden" name="stuNo" value="155555555"> <br> 原密码:<input type="password" name="old"> <br> 新密码:<input type="password" name="new"> <br> <input type="submit" value="修改密码">