select标签
标签 SELECT
2023-06-13 09:17:36 时间
select标签
网页中的下拉选择器。
一、语法
选择框<select>
标签:主要用于数据的选择,比如说我们常常在一些网站上填写:省份、城市、地区的时候,使用的就是select
<form>
<selectname="province">
<optionvalue="1">北京</option>
<optionvalue="2"selected>上海</option>
</select>
</form>
- 属性
name
:我们提交数据的时候,后台根据 name 来取前端传过去的数据 - 和
<option>
一起使用,option 就是 select 中的一个个选项。- 属性
value
:就是选择了的数据,并提交到后台的 - 属性
selected
,表明是否选中,也就是在 select 框中显示的那个选项 - option 中的
value
属性表示 select 要提交的值
- 属性
- 一般结合
form
标签使用
二、代码实战
新建 html 文件 14-select.html
,编写下方程序,运行看看效果吧
<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-width, initial-scale=1.0">
<title>select标签</title>
</head>
<body>
<formaction="/submit.do"method="get">
<div>地址:
<selectname="address"onchange="handleChange()">
<optionvalue="1">北京</option>
<optionvalue="2"selected>上海</option>
<optionvalue="3">天津</option>
</select>
</div>
<buttontype="submit">提交</button>
</form>
<scripttype="text/javascript">
function handleChange(){
alert('地址修改了')
}
</script>
</body>
</html>
相关文章
- 标签模板
- currentstyle 织梦_织梦arclist标签支持高亮currentstyle属性方法
- 自定义JSP[if,foreach,数据,select]标签
- 【HTML】HTML 表格 ① ( 表格标签 | 行标签 | 单元格标签 | table 表格属性 | border 属性 | align 属性 | width 属性 | height 属性 )
- 如何更换EasyCVR的标签logo图标?
- el表达式保留两位小数、使用jstl 标签保留两位小数详解编程语言
- JSP函数标签库
- HTML <s> 标签
- HTML <select> 标签
- 提取HTML标签
- 用javascript来实现select标签的美化的代码
- html链接与文本标签们
- asp使用正则表达式替换word中的标签,转为纯文本
- js里怎么取select标签里的值并修改
- select标签模拟/美化方法采用JS外挂式插件
- JS对HTML标签select的获取、添加、删除操作