html中input输入和下拉选择同时存在

2021-03-28 13:27

阅读:619

标签:pac   ack   使用   ext   inpu   family   display   type   margin   

使用input的list属性:

如:

    a>性别:a>
    input id="sex" type="text" list="sexlist">
    datalist id="sexlist">
        option>option>
        option>option>
        option>女1option>
        option>hhhoption>
        option>ggggoption>
        option>option>
        option>5555option>
        option>pinggoption>
    datalist>
button id="btn">点击button>

style type="text/css">
     input {
    font-size1em;
    font-family: 仿宋, serif;
    width10%;
    displayblock;
    margin-left10%;
    opacity0.8;
    padding0.2em;
    color#000000;
    border-radius4px;
    background-color#bed8df;
}
style>
script src="../assets/scripts/jquery-1.11.3.min.js">script>
script>
    // var ss = document.getElementById(‘sex‘).val();
    // console.log(ss);
    $(function(){
        $(‘#btn‘).click(function(){
            var ss = $(‘#sex‘).val();
        console.log(ss);
        });
    });

script>

html中input输入和下拉选择同时存在

标签:pac   ack   使用   ext   inpu   family   display   type   margin   

原文地址:https://www.cnblogs.com/tfeblog/p/12621150.html


评论


亲,登录后才可以留言!