HTML下拉列表和隐藏域

xiaoxiao2021-02-28  61

下拉列表的优点:

不仅节省空间,使页面更加简洁而且 方便输入规范输入。

例如:

<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="修改密码">
转载请注明原文地址: https://www.6miu.com/read-41377.html

最新回复(0)