html 可编辑的下拉框

最新推荐文章于 2023-06-12 15:56:42 发布

weixin_30477797

最新推荐文章于 2023-06-12 15:56:42 发布

阅读量343

点赞数

原文链接：http://www.cnblogs.com/polly-ling/p/9830065.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
            <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>

转载于:https://www.cnblogs.com/polly-ling/p/9830065.html

weixin_30477797

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html 可编辑的下拉框

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>可编辑下拉框</title> <meta charset="UTF-8" /> <styl...
复制链接

扫一扫