html教程-html select下拉框标签元素简介说明


摘要:
下文讲述html select标签的用法简介说明,如下所示:
实验环境:windows



html元素 select标签简介

html元素 select 标签功能:
html中select标签的功能为 html页面提供 “下拉选择数据”的操作方式
使用select下拉标签,可在html操作层面,严格限制数据的内容,使html中数据标准化

html元素select标签的应用场景:
1.用于 省、市、区
年份、月份 固定数据的下拉选择操作
2.select下拉选择控件常常同form表单一起使用,向后台提交数据

html元素 select语法简介:

   <select  name="ddlSelect"  >
      <option value="值1" >显示信息1</option>
	  <option value="值2" >显示信息2</option>
   </select>


参数说明:
select:下拉列表标签
option:下拉列表中项目标签
value:当选中下拉项目中的指定项时,回传信息



html元素 select标签举例应用

  
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
  <head>
    <title>这是maomao365.com的 select下拉标签举例应用</title>
  </head>
<body>
       
   <form action="" method="get"> 
   
   <label>select下拉框标签应用</label> 
   <br />
     <select  name="ddlSelect"  >
      <option value="值1" >显示信息1</option>
	  <option value="值2" >显示信息2</option>
   </select>
   
</form>  
    
 
</body>
</html> 
html教程-html-select标签用法-8912

html教程-html-select标签用法-8912