HTML下拉列表和隐藏域

下拉列表的优点:

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

例如:

<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="修改密码">
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值