HTML表单域5 2.12（下拉列表和列表框）

最新推荐文章于 2024-01-22 21:20:35 发布

吃人陈乐游刘

最新推荐文章于 2024-01-22 21:20:35 发布

阅读量796

点赞数 1

分类专栏： HTML表单文章标签： html html5 前端

本文链接：https://blog.csdn.net/qq_53463161/article/details/116231871

版权

HTML表单专栏收录该内容

9 篇文章 0 订阅

订阅专栏

我们直接看一下具体的代码：

<html>
<head>
  <title>表单域5</title>
</head>
<body>
<center>
<form name="form_set" method="post" action="form_rec.asp">
      下拉列表：<br />
	 <select name="select">
	    <option value="HTML" selected>HTML技术（初始值）</option>
	    <option value="CSS">CSS技术</option>
	    <option value="JS">JavaScript</option>
     </select><hr />
	  列表框：<br />
	 <select name="select2" size="3"  multiple="multiple">
	    <option>一月</option>
	    <option selected>二月（初始值）</option>
	    <option>三月</option>
    </select>	  
</form>
</center>
</body>
</html>

我们具体的来解释一下这些代码：

首先是

form：我们定义一个表单

method是打开方式（post/get）具体的含义，小编之前的内容介绍过了，我们接着往下看。

select和option：表示的含义是下拉列表

<select>：用于显示可供用户选择的下拉列表，每个选择由option组成，注意：<select>标签必须包含至少一个<option>标签

那么我们再看一下 <select>里面的multiple属性，如果在select里面加上multiple那么这个列表也会随之由"下拉列表"而变成列表框。

option：option标签框里面加一个selected，注意是selected，小编经常写错，哈哈哈

我们看一下运行效果图：

吃人陈乐游刘

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
HTML表单域5 2.12（下拉列表和列表框）

我们直接看一下具体的代码：<html><head> <title>表单域5</title></head><body><center><form name="form_set" method="post" action="form_rec.asp"> 下拉列表：<br /> <select name="select"> <option va
复制链接

扫一扫