16-下拉框 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>下拉框</title>
</head>
<!-- 
    下拉框
        select  下拉框标签
        option  下拉框选项标签

        select常用属性
            multiple    设置下拉框可多选
            size        设置下拉框可显示选项数
            disabled     禁用元素
        option常用属性
            selected    默认属性
            disabled    禁用某一个选项
            value       提交给服务器的选项值
                如果设置了value属性值，则提交的是value的值，如果未设置value属性值，则提交option双标签中的文本值
 -->
<body>
    <select name="city" id="city" disabled>
        <option value=""></option>
        <option value="SH">上海</option>
        <option value="BJ">北京</option>
        <option value="SZ">深圳</option>
        <option value="WH">武汉</option>
    </select>
    &nbsp;
    <select name="city1" id="city1" multiple size="3">
        <option value=""></option>
        <option value="SH">上海</option>
        <option value="BJ">北京</option>
        <option value="SZ">深圳</option>
        <option value="WH">武汉</option>
    </select>

    <select name="city3" id="city3">
        <option value="">请选择城市</option>
        <option value="SH">上海</option>
        <option value="BJ" selected>北京</option>
        <option value="SZ" disabled>深圳</option>
        <option value="WH">武汉</option>
    </select>
    <form action="https://www.baidu.com" target="_blank">
        <select name="city4" id="">
            <option name="city4" value="bj">北京</option>
            <option name="city4" >上海</option> <!-- 不设置value 提交时发送的是上海-->
            <option name="city4" value="">武汉</option>
            <option name="city4" value="">深圳</option>
        </select>
        <input type="submit" value="提交">
    </form>
</body>
</html>
posted @ 2021-01-23 23:37  雪漠阳光  阅读(50)  评论(0)  编辑  收藏  举报