列表框和下拉菜单

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>列表框和下拉菜单</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
    <form action="http://www.crazyit.org" method="post">
        下面是简单的下拉菜单:<br />
        <select id="skills" name="skills">
            <option value="java">Java语言</option>
            <option value="C">C语言</option>
            <option value="C#">C#语言</option>
        </select><br />
        下面是允许多选的列表框:<br />
        <select id="books" name="books" multiple="multiple" size="4">
            <option value="java2">Java2语言</option>
            <option value="C2">C2语言</option>
            <option value="C#2">C#2语言</option>
        </select><br />
        下面是允许多选的列表框:<br />
        <select id="peter" name="peter" multiple="multiple" size="6">
            <optgroup label="疯狂图书系列">
                <option value="java2">Java2语言</option>
                <option value="C2">C2语言</option>
                <option value="C#2">C#2语言</option>
            </optgroup>
            <optgroup label="其他图书系列">
                <option value="4java2">4Java2语言</option>
                <option value="4C2">4C2语言</option>
                <option value="4C#2">4C#2语言</option>
            </optgroup>
        </select><br />
        <button type="submit"><b>提交</b></button>
    </form>
</body>
</html>

 

截图如下:

转载于:https://www.cnblogs.com/peter-Blog/archive/2013/05/02/3055611.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值