HTML可编辑下拉框的实现

来源：互联网发布：男生内射知乎编辑：程序博客网时间：2024/04/29 21:00

主要是通过JS和CSS进行的控制。

<html>    <head>        <title>可编辑下拉框</title>        <meta charset="UTF-8" />        <style type="text/css">        /*input css*/        .iInput{            position: absolute;            width: 99px;            height: 16px;            left: 1px;            top: 2px;            border-bottom: 0px;            border-right: 0px;            border-left: 0px;            border-top: 0px;        }        </style>    </head>    <body>        <div style="position:relative;">              <select style="width:120px;"                       onchange="document.getElementById('input').value=this.value">                <option value="A类">A类</option>                <option value="B类">B类</option>                <option value="C类">C类</option>                <option value="D类">D类</option>              </select>              <input id="input" name="input" class="iInput">        </div>    </body></html>

效果图：

0 0