下拉列表的优点:
不仅节省空间,使页面更加简洁而且 方便输入规范输入。
例如:
<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="修改密码">