HTML---下拉框、列表框使用详解（select 与 option）

select创建列表框和下拉菜单，必须与option 结合使用

select 属性：

disable 禁用
multiple 列表框和下拉框是否允许多选，支持boolean值属性，为true时则为列表框
size 列表框可同时显示多少个列表项
select 能包含的子元素

option 属性

disabled 禁用
selected 初始状态是否被选中
optgroup 单项组，也就是把option分组
lable 指定选项组的标签，必填属性
disabled 禁用选项组所有标签

option 中的 value 必须填，与select 中的name 形成参数对传给后台

来看看代码

<form action="https://me.csdn.net/weixin_45609811" method="post">下面是简单的下拉菜单<br /><select id="skills" name="skills"><option value="luo">海螺</option><option value="ke">贝壳</option><option value="pang">螃蟹</option></select><br/><br/><br/><br/>下面是允许多选的列边框:<br/><select id="books" name="books" multiple size="4"><option value="luo">海螺</option><option value="ke">贝壳</option><option value="pang">螃蟹</option></select><br />下面是允许多选的列边框：<br /><select id="lee" name="lee" multiple size="6"><optgroup label="海洋"  ><option value="luo" disabled>海螺</option><option value="ke">贝壳</option><option value="pang" selected>螃蟹</option></optgroup><optgroup label="陆地"><option value="fol">小花</option><option value="gla">小草</option></optgroup></select><br /><button type="submit" >提交</button><br></form>

注意：在写元素的name值时，最好根据元素实现的功能进行命名，做到“见名知意”，不要像我一样随手命名。

再写一下多行文本域 textarea元素的使用
textarea 元素多行文本域

cols 指定宽度，必填
rows 指定高度，必填
disable 禁用
readonly
maxlength 最多可输入字符数
wrap 是否添加换行符，支持 hard 和 soft 两个属性值（为hard时，必须指定cols属性，超出指定宽度自动换行）

HTML---下拉框、列表框使用详解（select 与 option）相关推荐

excel添加列下拉框票价_excel表格下拉表格添加数据-excel2017表格中怎么制作下拉菜单列表框...
在Excel表中,如何将增加下拉菜单的选项? excel中的下拉菜单选项,就是筛选的功能,具体操作如下: 1.首先选中a.b两列数据,在"开始"选项卡上选择"筛选&quo ...
html下拉式列表框多选,基于jQuery UI的多项选择下拉列表框组件
jquery.multiselect.js是一款基于jQuery UI的多项选择下拉列表框组件.该下拉列表功能强大,可以实现多选和单选,可制作打开和关闭下拉框时的炫酷动画效果,提供丰富的回调函数和其它 ...
Android PullToRefresh（下拉刷新）的使用详解
开源项地址:https://github.com/chrisbanes/Android-PullToRefresh 在Android-PullToRefresh-master文件夹下,我们会看到还有三 ...
学习安卓开发第七天【网格视图qq相册页面】【下拉；列表框】【下拉列表框实例】【列表视图】
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=&quo ...
antd 下拉框怎么联动_antd下拉框联动使用步骤详解
这次给大家带来antd下拉框联动使用步骤详解,antd下拉框联动使用的注意事项有哪些,下面就是实战案例,一起来看一下. 先说一下效果要求,上面一个下拉框,下面一个,要求上面选中的时候,下面的内容要跟着 ...
下拉多选框微信小程序_微信小程序下拉框组件使用方法详解
本文实例为大家分享了微信小程序下拉框组件的使用方法,供大家参考,具体内容如下适用场景 1.省市三级联动 2.出生日期选择 3.性别选择 4.一般性的下拉选择等一.省市三级联动使用注意mode = ...
单元格只能下拉框选_excel给单元格添加下拉菜单列表无需按键盘用鼠标选择即可...
excel给单元格添加下拉菜单列表无需按键盘用鼠标选择即可时间:2013-12-08 作者:snow 来源:互联网为了方便快速的输入数据,通常情况下我们会给单元格添加一个下拉菜单,如此一来 ...
组态王下拉式组合框使用教程,组态王下拉式组合框
组态王下拉式组合框 c 2021-2-27 下载地址 https://www.codedown123.com/71006.html 组态王下拉式组合框使用样例,包含了使用的说明,以及控件存放位置,可以 ...
[小黄书小程序]主页面标签栏水平滑动和下拉弹出框
上一章我们实现了小黄书小程序的搜索栏的界面呈现.这一章我们将会参考小红书实现搜索栏下面的标签栏. 该标签栏存在的意义是,用户可以根据选择的标签来快速呈现相关的内容.该标签栏界面主要是两个功能模块. 一 ...
tkinter自定义下拉多选框
使用tkinter实现下拉多选框效果如图: 1.选择一些选项: 2.全选选项: 代码如下: import tkinterfrom ComBoPicker import Combopickerlist ...

HTML---下拉框、列表框使用详解（select 与 option）

select创建列表框和下拉菜单，必须与option 结合使用

option 中的 value 必须填，与select 中的name 形成参数对传给后台

HTML---下拉框、列表框使用详解（select 与 option）相关推荐

最新文章

热门文章

HTML---下拉框、列表框使用详解（select 与 option）

select创建列表框和下拉菜单， 必须与option 结合使用

option 中的 value 必须填，与select 中的name 形成参数对传给后台

HTML---下拉框、列表框使用详解（select 与 option）相关推荐

最新文章

热门文章

select创建列表框和下拉菜单，必须与option 结合使用