0 0

HTML5中select 标签 data=url属性的应用?25

在网上看到一段代码如下:

                     

 

<p>

<label for='gender'>

国籍

</label>

<select data='config/countries.xml' name='country'></select>

</p>

 

 

countries.xml文件如下:

 

<select xmlns="http://www.w3.org/1999/xhtml">

    <option>China</option>

    <option>Japan</option>

    <option>Korea</option>

</select>

 

但在本地服务跑起来,运行看不到countries.xml中的数据请问,在HTML5中select标签data属性可以直接把值设置为一个XML文件是否可以?谢谢!

 

 

 

2012年3月13日 16:27
目前还没有答案

相关推荐

    JS组件系列之使用HTML标签的data属性初始化JS组件

    在标题"JS组件系列之使用HTML标签的data属性初始化JS组件"中,提到的关键知识点是: 1. **HTML的`data-*`属性**:这是一种HTML5引入的新特性,允许开发者在元素上存储自定义的数据,其名称由"data-"前缀和任意字符...

    select下拉列表显示图片内容

    HTML5的`data-*`属性可以用来存储自定义数据,比如可以将图片URL存储在`data-image`属性中。然后在JavaScript中解析这些数据,动态创建包含图片的DOM元素。 4. **jQuery实现**: 描述中的`$("#***").select()`...

    LayUi组件TableSelect

    在列配置中,通过`templet`属性和`layEvent`事件来实现TableSelect的功能: ```html &lt;table id="demo" lay-filter="test"&gt; &lt;th lay-data="{field: 'id', width: 80}"&gt;ID &lt;th lay-data="{field: 'name', width...

    select下拉查询支持中文

    5. **无障碍性(Accessibility)**:确保`select`元素和`option`元素具有合适的`aria`属性,以便辅助技术如屏幕阅读器能正确识别和导航。 总结,实现`select`下拉查询支持中文主要涉及HTML基础结构的设置、CSS样式...

    Struts 2 标签应用

    #### Select标签 `&lt;s:select&gt;`用于创建下拉列表,可以指定list属性来填充列表项,listKey和listValue分别表示键值和显示值。 ```html &lt;s:select tooltip="请选择用户类型" label="" list="#{'free':'免费','vip':'...

    Jquery Select2-3.3.2 autocomplete 使用

    在 `3.3.2` 版本中,Select2 已经被广泛应用于各种项目,以提升用户体验和交互性。 ### 1. 安装与引入 首先,你需要在项目中引入 `jQuery` 和 `Select2` 的库文件。在 HTML 文件中,通过 `&lt;script&gt;` 标签添加以下...

    HTML属性.docx

    HTML,全称HyperText Markup Language,是用于创建网页的标准标记语言。它由一系列标签组成,这些标签定义了页面...在实际开发中,还会涉及到CSS来控制样式和JavaScript来实现动态交互,从而构建出更加复杂的Web应用。

    safari HTML5 handbook

    - **select标签**:定义下拉列表。 - **small标签**:使文本以较小字号显示。 - **source标签**:定义媒体内容的多个来源。 - **span标签**:通用内联容器元素,用于组合其他元素并对其应用样式或脚本。 - **strike...

    HTML5应用开发技术-HTML单词大全.docx

    HTML5还引入了新的API和元素,如离线存储(`application/x-www-form-urlencoded`和`multipart/form-data`用于表单编码)、多媒体支持(`&lt;audio&gt;`和`&lt;video&gt;`标签)、画布(`&lt;canvas&gt;`)以及Web存储(`localStorage`...

    html标签总结

    - **作用**:定义页面中所有相对URL的默认基地址。 - **常见属性**: - `href`:定义文档的基地址。 - **示例**:`&lt;base href="https://www.example.com/"&gt;` #### 文字方向:`&lt;bdo&gt;` - **作用**:控制文本的方向,...

    下拉列表 js三级联动

    这里假设`getLevel2Data`是一个返回与一级选择值相关的二级选项数组的函数,数组中的每个对象包含`id`和`name`属性。这可以根据实际数据结构进行调整。 同样,我们可以为二级选择器添加一个`onchange`事件监听器,...

    HTML搜索框模糊匹配下拉显示

    #### 一、HTML5 Datalist标签的应用 HTML5作为一种现代Web技术,提供了许多增强用户体验的新功能。其中,`&lt;datalist&gt;`标签是HTML5新增的一个实用特性,它允许在一个输入框旁边提供一个下拉列表,用于辅助用户输入。...

    下拉组件select2 4.0版本js&css;

    Select2是一款高度可定制的下拉选择组件,广泛应用于网页开发中,为传统的HTML `&lt;select&gt;` 元素提供了强大的功能扩展。在4.0版本中,Select2进一步提升了用户体验,增强了性能,并优化了API。本文将深入探讨Select2 ...

    html提交参数到html

    表单可以指定一个`action`属性,该属性定义了当表单提交时应发送数据到哪个URL,以及`method`属性,定义了数据发送的方式,通常是GET或POST。 ```html &lt;form action="submit.html" method="post"&gt; ``` 在这个例子...

    JavaWeb开发基础之Html详解

    ### JavaWeb开发基础之Html详解 #### 一、HTML基础知识概览 HTML(HyperText ...以上就是关于HTML在JavaWeb开发中的应用和一些常用标签的详细介绍。希望这些内容能够帮助初学者更好地理解和掌握HTML的基本用法。

    select2下拉

    启用多选模式,只需添加 `multiple` 属性到 `&lt;select&gt;` 标签: ```html &lt;select id="example-multiple" multiple&gt;&lt;/select&gt; ``` 然后在初始化时指定: ```javascript $('#example-multiple').select2(); ``` ###...

    DropdownList点击跳转网址

    DropdownList是一种常见的用户界面元素,常见于Web应用和桌面软件中,它允许用户从一系列预定义的选项中选择一个。在“DropdownList点击跳转网址”这个场景中,我们讨论的是如何配置DropdownList,以便当用户点击...

    jquery带有图片的select插件

    1. **图片集成**:插件允许开发者在每个`&lt;option&gt;`标签内嵌入图片URL,或者通过数据属性(如"data-image")来指定图片源。这样,当用户打开下拉菜单时,不仅可以阅读文本,还能看到对应的图片。 2. **显示模式**:...

    HTML标签英文单词

    `&lt;base&gt;` 标签用于定义文档中所有相对URL的基本URL。这对于简化页面内的链接非常有用,尤其是在需要引用多个资源时。 ### &lt;bdo&gt;: Bidirectional Override `&lt;bdo&gt;` 标签用于覆盖当前文本方向,并强制从左到右或从右...

Global site tag (gtag.js) - Google Analytics