用HTML的select+option标签实现下拉框

10.4.2 HTML option 标签

option 标签 -- select菜单中的一个选项

  • option标签是成对出现的,以<option>开始,以</option>结束
  • 引用网址：http://www.dreamdu.com/xhtml/tag_option/
  • 属性.
    • common -- 公共属性
    • disabled -- 输入域无法获得焦点、无法选择，以灰色显示，在表单中不起任何作用
    • label -- 选择项的短标签
    • value -- 选项的初始值，未设置时为option标签中的内容
    • selected -- 选项预先被选择
  • option，中文"选项"

示例

<form action="dreamdu.php" method="post" id="dreamduform">
    你对梦之都的感觉:
    <select size="1" id="select" name="select">
        <option value="best">很全面,很好</option>
        <option value="better">一般般吧,还要努力</option>
        <option value="good">有很多问题,不过还可以</option>
    </select>

    你想在梦之都学习的编程语言:
    <select size="10" multiple="multiple" id="multipleselect" name="multipleselect[]">
        <option value="1">XHTML</option>
        <option value="2" selected="selected">CSS</option>
        <option value="3">JAVASCRIPT</option>
        <option>XML</option>
        <option value="5">PHP</option>
        <option value="6">C#</option>
        <option value="7" selected="selected">JAVA</option>
        <option value="8">C++</option>
        <option value="9">PERL</option>
    </select>
</form>

HTML option 标签示例 -- 可以尝试编辑

说明

注意例子中的multipleselect[]与XML，可在上面例子尝试修改

时间： 2024-12-07 08:58:58

用HTML的select+option标签实现下拉框的相关文章

selenium处理select标签的下拉框

有时候我们会碰到<select></select>标签的下拉框.直接点击下拉框中的选项不一定可行.Selenium专门提供了Select类来处理下拉框. <select id="status" class="form-control valid" onchange="" name="status"> <option value=""></option&g

给select标签设置下拉框高度

最近的需求涉及有下拉框,突然想到如果下拉选项过多的话可能要对下拉框的高度做一下限制,查了一下select标签,有size这个属性,原以为可以实现. <!DOCTYPE html> <html> <body> <select size="3" style="width:100px"> <option value="volvo">Volvo</option> <option

ASP.NET MVC Select无限级分类选择下拉框

1:读取父级下的所有子类别 *ViewBag.ParentItemList:不能与ParentId相同 private void ParentDropDownList() { List<SAS.Model.BPMS_SysMenu> list = new List<SAS.Model.BPMS_SysMenu>(); StringBuilder strWhere = new StringBuilder(); List<SelectListItem> selectList

吾八哥学Selenium(四)：操作下拉框select标签的方法

我们在做web页面自动化测试的时候会经常遇到<select></select>标签的下拉框,那么在Python里如何实现去操作这种控件呢?今天就给大家分享一下这个玩法.为了让大家学习更方便,我准备了一个测试页面. 测试的html页面代码为: <html> <head> <title>学Python网 - Selenium学习测试页面</title> <body> 请选择2018年春节回家的方式! <select id

easyUI中select下拉框添加option选项

使用jquery easyui的下拉列表combobox碰上问题,下拉列表的项都是从 数据库读出来的,然后我想在动态生成的项中添加一项:"<option value=''>=全部=</option>". 但怎么也添加不成功. 首先试了直接用jquery对该下拉列表进行添加操作: JavaScript code ? 1 2 3 4 5 6 7 8 $('#selUnin').combobox({         url: _callback_url + '&

python+selenium七：下拉框、选项框、select用法

from selenium import webdriverfrom selenium.webdriver.common.action_chains import ActionChainsimport timedriver = webdriver.Firefox()url = "https://www.baidu.com"driver.get(url)time.sleep(3) # 1.下拉框mouse = driver.find_element("link text&quo

angularJs下拉框

1 只是一个下拉框 <!-- <select ng-model="areaType" ng-disabled="isDisable" class="form-control" ng-options="c.code as c.code for c in codes"> --><!-- <option value="">---请选择---</option>

可编辑下拉框的2种实现方式_javascript技巧_

可编辑的下拉框一.  <div style="position:relative;"> <select style="width:120px;" onchange="document.getElementById('input').value=this.value"> <option value="A类">A类</option> <option value="B类

在angular中实现下拉框的两种方式 ng-repeat和 ng-option

1. ng-repeat实现下拉框: select下拉框里option组装成下拉框,这里利用ng-repeat指令来创建 实现源码   <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>AngularJS之下拉框(方式二)</title> <script type="text/javascript" src="