选择输入控件,既可以输入又可以选择的控件
来源:互联网 发布:北京大学 奖教金 知乎 编辑:程序博客网 时间:2024/05/21 15:44
即拿即用,复制粘贴,直接使用。
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .div-wrap{ position: relative; margin-bottom: 20px; } .select-wrap{ overflow: hidden; margin-left: 100px; width: 18px; } .select{ margin-left: -100px; border: 1px solid #ccc; border-radius: 5px; width: 118px !important; height: 32px !important; } .input{ position: absolute; top: 1px; left: 1px; border: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 0 5px; width: 90px; height: 30px; color: #212121; text-align: center; font-size: 16px; } </style> </head> <body> <div class='div-wrap'> <span class='select-wrap'> <select class='select' onchange='this.parentNode.nextSibling.value=this.value'> <option>111</option> <option>222</option> <option>333</option> </select> </span> <input class='input' value='111'> </div> </body></html>
阅读全文
0 0
- 选择输入控件,既可以输入又可以选择的控件
- 一个既可以下拉选择,又可以输入的DropDownList
- 可编辑的下拉选择框,既可以输入又可以选择
- 如何使select框既可以输入又可以选择
- 既能输入又能选择的DropDownList控件
- 既可以输入新的信息,又可以从下拉框中选择的代码
- Web前端—既可以输入又可以选择的input框
- 可以输入也可以下拉选择的select
- 可以选择时间的日历控件
- 可以选择时间的日历控件js
- 带多图选择的输入框控件
- 输入框日期选择控件
- 选择输入日期控件源代码
- bootstrap的select2既可以查询又可以输入
- 使得select选择框也可以输入
- select选择框变得可以输入、编辑
- select 选择框可以下拉选择或者自行输入
- 可以选择时分秒的JS日历控件
- const 的作用
- 记录网站的登陆成功人数(servlet contex和config)
- Idea搜索不到项目文件
- 对Redis的理解,Redis是什么,Redis和Memcache谁快?
- Linux安装tomcat
- 选择输入控件,既可以输入又可以选择的控件
- 线性表
- linux 配置ip地址(6.9)
- GUI(图形用户界面)
- windows服务之初体验
- Unity获取物体自身坐标轴的方向以及沿着该方向运动的方法
- 基于Ubuntu的计算器Qt程序设计
- 给定一个列表,将列表向右旋转k个位置,其中k是非负数。
- 【JavaScript学习】BOM:screen对象