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 @   雪漠阳光  阅读(50)  评论(0编辑  收藏  举报
编辑推荐:
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
阅读排行:
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· DeepSeek火爆全网,官网宕机?本地部署一个随便玩「LLM探索」
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 上周热点回顾(1.20-1.26)
· 【译】.NET 升级助手现在支持升级到集中式包管理
点击右上角即可分享
微信分享提示