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

时间：2020-04-02 17:42:05 阅读：163 评论：0 收藏：0 [点我收藏+]

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

使用input的list属性：

如：

<!-- <div class="changeDiv"> -->
    <a>性别:</a>
    <input id="sex" type="text" list="sexlist">
    <datalist id="sexlist">
        <option>男</option>
        <option>女</option>
        <option>女1</option>
        <option>hhh</option>
        <option>gggg</option>
        <option>男</option>
        <option>5555</option>
        <option>pingg</option>
    </datalist>
<!-- </div> -->
<button id="btn">点击</button>

<style type="text/css">
     input {
    font-size: 1em;
    font-family: 仿宋, serif;
    width: 10%;
    display: block;
    margin-left: 10%;
    opacity: 0.8;
    padding: 0.2em;
    color: #000000;
    border-radius: 4px;
    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

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行