Wap1.2, Wap 2.0 Select Multiple 浏览器处理的区别
WAP1.2的DTD规范
<!ELEMENT select (optgroup|option)+>
<!ATTLIST select
title %vdata; #IMPLIED
name NMTOKEN #IMPLIED
value %vdata; #IMPLIED
iname NMTOKEN #IMPLIED
ivalue %vdata; #IMPLIED
multiple %boolean; "false"
tabindex %number; #IMPLIED
xml:lang NMTOKEN #IMPLIED
%coreattrs;
>
<!ELEMENT option (#PCDATA | onevent)*>
<!ATTLIST option
value %vdata; #IMPLIED
title %vdata; #IMPLIED
onpick %HREF; #IMPLIED
xml:lang NMTOKEN #IMPLIED
%coreattrs;
>
如果多选的情况下。
从规范中可以查找到Wap1.2规范对于多选列表的数据提交的格式是:
name=value1;value2;value3......
WAP2.0 DTA规范
<!ELEMENT select (optgroup|option)+> <!-- option selector -->
<!ATTLIST select
%attrs;
name CDATA #IMPLIED
size %Number; #IMPLIED
multiple (multiple) #IMPLIED
disabled (disabled) #IMPLIED
tabindex %Number; #IMPLIED
onfocus %Script; #IMPLIED
onblur %Script; #IMPLIED
onchange %Script; #IMPLIED
>
<!ELEMENT option (#PCDATA)> <!-- selectable choice -->
<!ATTLIST option
%attrs;
selected (selected) #IMPLIED
disabled (disabled) #IMPLIED
label %Text; #IMPLIED
value CDATA #IMPLIED
>
WAP2.0 页面开发者在需要多选的是对name属性需要加[]加以区别。
浏览器处理的时候,会根据是否多选然后把select-option的数据携带发生出去。
发送的格式是:
name=value1&name=value2&name=value3.......
分享到:
相关推荐
"layui-select-multiple"就是Layui专门为多选下拉框设计的一整套样式和功能。 首先,我们来看“layui多选下拉框样式”这一知识点。Layui的多选下拉框在视觉上非常整洁,其设计遵循了扁平化和简洁化的理念,与现代...
在网页设计和开发中,"下拉多选select multiple"是一种常见的交互元素,它允许用户在下拉菜单中选择一个或多个选项。Bootstrap框架提供了一种优雅的方式来实现这样的功能,同时增强了用户体验,尤其是在数据量较大时...
`<select>`标签的`multiple`属性在所有主流浏览器(包括Chrome、Firefox、Safari、Edge和IE9+)中都是支持的。然而,对于较旧的浏览器,如IE8及以下版本,可能需要使用polyfill或其他方法来确保兼容性。 总的来说,...
在IT行业中,前端开发是不可或缺的一部分,而"multiple-select-1.5.2_lamp7ds_css/multiple-select_"这个标题暗示着一个专门用于实现HTML select元素多选功能的库。这个库可能是一个JavaScript插件,它使得用户在...
多选框要用到的js multiple-Select.js 用的时候引用到文件中
在网页设计和开发中,"select_multiple三级分类级联"是一种常见的交互元素,主要用于实现多级选择的功能。这种技术常用于商品分类、地区选择、层级菜单等场景,以提供用户友好的选择体验。例如,在淘宝发布商品时,...
标题 "multiple-select-master" 提到的就是这个功能,即在 `select` 元素中启用多选模式。下面将详细讲解 `multiple` 属性的使用方法、相关的HTML和JavaScript知识点,以及如何在实际项目中应用。 1. **`multiple` ...
Select Multiple 是一个交互友好的,嵌入式的,标准选择框替代品,并且它带有可以激活的多种属性。它有以下特点:以一个不显眼的方式工作完全开源支持键盘提供了一些回调可通过 CSS 完全定制化简洁的代码 ...
接下来,我们需要使用layui的API来处理这个多选select。layui提供了丰富的API供开发者调用,如`form.on('select(filter)', callback)`,其中`filter`是我们在HTML中设置的lay-filter值,`callback`是当选择项发生...
首先,我们需要理解浏览器如何处理`<select>`元素。默认情况下,浏览器会根据`<select>`元素的宽度来限制`<option>`的显示范围。当内容长度超过这个宽度时,多余的部分会被截断,通常用省略号表示。这是因为`<select...
《jQuery multiple-select-master 插件详解与应用》 在网页开发中,选择框(select)是一种常见的表单元素,用于让用户从预设的选项中选取一个或多个值。然而,原生HTML的多选框功能相对单一,无法满足现代网页交互...
这个压缩包文件“前端项目-multiple-select.zip”包含了“multiple-select-master”这个目录,我们可以从这里获取到插件的所有源代码和相关资源。 首先,我们来看“multiple-select”插件的核心功能。它允许用户...
这个压缩包“Select Multiple Values from Combobox Using JavaScript.zip”很可能包含了一个简单的示例,演示如何使用JavaScript来实现多选下拉列表的功能。在网页中,这种功能通常通过HTML的`<select>`元素配合`...
首先,`<select>`标签的`multiple`属性是关键,它告诉浏览器该下拉列表支持多选。例如: ```html <select id="mySelect" multiple="multiple" size="4"> ``` 这里的`size`属性设置为4,表示下拉列表展开时显示4个...
在这个特定的案例中,“重构《实现select multiple左右添加和删除功能》”是一个关于如何优化多选下拉框(select multiple)操作的实践。该博文的作者通过提供一个名为`multipleSelect.html`的示例文件,展示了如何...
总结来说,"带搜索功能的select组件,支持IE8以上及其他浏览器"是一项旨在提升用户体验的技术挑战,涉及到前端开发的多个方面,包括浏览器兼容性、事件处理、性能优化和用户体验设计。通过这样的组件,我们可以为...