本身select标签 是不能输入的,但我们可以通过JS来控制

下面给出一个小例子

<div style="position:relative;"> 
    <span style="margin-left:100px;width:18px;overflow:hidden;"> 
    <select style="width:118px;margin-left:-100px;" onchange="this.parentNode.nextSibling.value=this.options[this.selectedIndex].text;"> 
        <option value="-1">请选择...</option> 
        <option value="1">吾顷仰</option> 
    </select>
    </span>
    <input type="text" style="width:100px;position:absolute;left:0px;" value="请选择..."> 
</div>

转载于:https://www.cnblogs.com/sukiwqy/archive/2010/04/09/1708540.html

Select 标签可输入相关推荐

  1. struts2中s:select标签的使用

    1 静态生成 <s:select name="user.sex" list="#{'0':'男','1':'女'}" label="性别&quo ...

  2. struts中select标签的使用

    1 静态生成 <s:select name="user.sex" list="#{'0':'男','1':'女'}" label="性别&quo ...

  3. html里下拉标记,HTML: select 标签

    在线示例 创建带有多个选项的下拉列表: 示例html> HTML select标签的使用(基础教程网 nhooo.com) Choose a pet: --Please choose an op ...

  4. 第一篇-Html标签中head标签,body标签中input系列,textarea和select标签

    第十四周课程(1-12章节) HTML 裸体 CSS   穿华丽衣服 Javascript 动起来 一 HTML (20个标签) 1.我们的浏览器是socket客户端 2.一套规则,浏览器认识的规则 ...

  5. Bootstrap完美select标签下拉菜单实现

    Bootstrap <select>下拉菜单实现 初级者使用bootstrap框架时,大部分对官方提供的下拉菜单dropdown组件不是很感冒! 所以,这里就提供简单原生下拉标签<s ...

  6. H5中的label、textarea、select标签

    一. label标签 1,如果你想让点击input输入框左边的文字就可以让输入框获取焦点,就可以使用label标签把文字和input包裹起来. 2,如果label里面有多个表单,想定位到某个,可以通过 ...

  7. selenium + python处理select标签下拉框的选项

    selenium + python处理select标签下拉框的选项 1. 背景 在爬取网页是,有时候我们会遇到下图中的下拉框,也就是< select > < /select > ...

  8. HTML之表单form的select标签

    form标签中,以下标签实现表单元素添加: <input>表单输入标签 <select>下拉菜单和列表标签 <option>下拉菜单和列表项目标签 <text ...

  9. python selenium 下拉框 页面变化_selenium + python 处理 select 标签下拉框的选项

    1. 背景 在爬取网页是,有时候我们会遇到下图中的下拉框,也就是 < select > < /select > 标签.按照一般的点击方案是无法成功的,而 selenium 提供 ...

最新文章

  1. mysql 子分区_MySQL子分区一例
  2. 远程访问windows上的oracle不能正常连接
  3. javaweb学习总结——基于Servlet+JSP+JavaBean开发模式的用户登录注册
  4. “在格力干到退休,这套房就给你了!”董明珠称将投放3700套人才房…
  5. 【一分钟论文】IJCAI2019 | Self-attentive Biaffine Dependency Parsing
  6. 牛逼!它比传统数据库快 100-1000,真不相信?
  7. python复数类型输出实部和虚部_python 获取复数的实部虚部
  8. freyja最重要的一个功能完成
  9. C++C++ 编写GoFGoF设计模式里Lexi样例
  10. 计算机无法连接iphone,为什么iphone连不上电脑
  11. 解决POSTMAN传参报错,JSON parse error: Cannot deserialize instance of `java.util.ArrayList` out of START_OB
  12. There is no getter for property named ‘xxx‘ in ‘class com.xxx‘
  13. SpringBoot - @SpringBootTest加速单元测试的小窍门
  14. FPGA开发基础之三段式状态机
  15. Solidity:源文件结构
  16. Android gif 录屏
  17. 用计算机制作微课教学教案,微课教学设计范文
  18. CAD net 设置选择集
  19. 一文普及Python语言的优缺点,不要错过哟!
  20. Unity技术-模型规范

热门文章

  1. python画蝴蝶_python画蝴蝶曲线图的实例
  2. 开发日记 20210316
  3. 转载别人的转载 Android Studio实用插件集合
  4. Linux 学习之创建,删除文件和文件夹命令
  5. scrapy 6023 telnet查看爬虫引擎相关状态
  6. java double框架简介
  7. docker mysql 主从库配置
  8. peewee flask pwiz 中使用模型 过一段时间报错 peewee.InterfaceError: (0, '') 的解决方式
  9. 区块链死亡项目列表小程序:死亡硬币
  10. JLOI2015 战争调度