HTML5 datalist 标签

以前需要用JS写一个自动完成组件（Suggest），很费劲。HTML5时代则不用了，直接使用datalist标签，直接减少了工作量。如下

<!DOCTYPE html>

<html>

 <head>

	<title>HTML5 datalist tag</title>

	<meta charset="utf-8">

 </head>

    <p>

        浏览器版本：<input list="words">

    </p>

    <datalist id="words">

        <option value="Internet Explorer">

        <option value="Firefox">

        <option value="Chrome">

        <option value="Opera">

        <option value="Safari">

        <option value="Sogou">

        <option value="Maxthon">

    </datalist>

 </body>

</html>

 

datalist提供一个事先定义好的列表，通过id与input关联，当在input内输入时就会有自动完成（autocomplete）的功能，用户将会看见一个下拉列表供其选择。

效果如下

HTML5 datalist 标签

HTML5 datalist 标签

Chrome/Firefox/Opera和IE10+均已支持，Safari直到版本7仍然不支持。

 

相关：

https://developer.mozilla.org/en/docs/Web/HTML/Element/datalist

http://caniuse.com/datalist 

你可能感兴趣的:(datalist)

  • 线程池公用变量 我有一只肥螳螂 JAVAjava
    一般情况下，我们定义线程变量是使用ThreadLocalprivatefinalThreadLocalLOCAL_DATA=newThreadLocalLOCAL_DATA=newTransmittableThreadLocal{xxxx});}正确示例for(PatrolInspectPlanitem:dataList){//使用TtlRunnable包装任务，确保变量传递orderThread
  • vue 上下滚动通知组件
    vue上下滚动淡入淡出通知组件:效果：子组件：提示{{text.val}}exportdefault{name:'TextScroll',props:{dataList:{type:Array,default(){return[]},},},data(){return{count:0,//当前索引intervalId:null,//定时器IDplayTime:10000,//定时器执行间隔}},c
  • 滚动提示组件 CDwenhuohuo java前端javascript
    组件import{InfoCircleFilled}from'@ant-design/icons-vue';import{ref,computed,onMounted}from'vue';constprops=defineProps();constlist=computed(()=>props.dataList?.length?props.dataList:['暂无预警']);constcurre
  • vue如何使用websocket
    //websocket连接letwebSocketPort=url+'/ws/socket'constdataList=ref([]);//用于展示从WebSocket获取的消息letws=null;//WebSocket实例letreconnectTimeout=null;//重连超时控制//建立WebSocket连接constconnectWebSocket=()=>{ws=newWebSoc
  • 【问题记录5】， 记录一个困扰半天的问题， @Options(timeout = 1) 不生效问题 AnalogElectronic 数据库javamybatis
    url连接串上配置，&sessionVariables=ob_trx_timeout=300000000;ob_query_timeout=60000000@Options(timeout=1)PagefindDataList(Pagepage,@Param(“sql”)Stringsql);为啥注解不生效，没查询超时，sql执行时间是10s如果@Options(timeout=1)注解没有生效，
  • Java中方法调用参数传递机制的理解和示例验证 拄杖忙学轻声码 Java基础Lambda和Stream流java
    说明：在Java中，方法调用参数的传递机制是值传递，对引用类型传递的是引用的副本(不是真正的引用传递)，也就是说在被调用方法中对参数引用副本重新赋值不会影响原始引用1、正常传递示例代码publicstaticvoidmain(String[]args){ListdataList=ListUtil.toList(0,1);fun(dataList);for(Integeri:dataList){Sy
  • echarts使用graph、lines实现拓扑，可以拖动增加effect效果 六卿 #react前端#jsechartsjavascript前端
    options.js//importReactfrom'react'//import*asechartsfrom'echarts'import'./index.less'exportconstuseEchartsOptionFun=({nodeDataList,getNodeLinksDataList,getLinesCoordsFun})=>{constoption={title:{text:'
  • ant jeecg vue 树状结构转换原生表格 m0_61199582 vue.js前端javascript
    计分项目类别计分依据计分标准备注{{v.name1}}{{v.name2}}{{v.name3}}{{v.fraction+'分/'+v.unitText}}{{v.remark}}exportdefault{name:'树结构转原生表格',components:{},data(){return{dataSource:[],yearObj:{},treeList:[],dataList:[],sp
  • vue+elementUI组件table实现前端分页功能 温柔小生 vue+element
    这也是在做项目中遇到的现在把它记录一下：上代码:data="headeDataList.slice((pageNumHE-1)*pageSizeHE,pageNumHE*pageSizeHE)"//这个就是每页计算的要展示几条数据然后就是table数据的长度，在vue中你可以定义一个值在变量中然后取值，也可以这样写：:total="headeDataList.length"最后就是分页器的设置：m
  • java获取返回的json值_fastjson提取json返回值（java） 斜阳君 java获取返回的json值
    接口调用返回的json，要提取后入库到本地。返回json数据：{"data":{"offset":2,"total":2952,"restTotal":2950,"dataList":[{"ISBN":"9787539197456","bookStar":"93.6","tag":"","commentTimes":"1487","price":"58.00","star50Percent":""
  • WPF Datagrid绑定数据 两仪风 WPFwpf
    datagrid绑定属性如下(已实现INotifyPropertyChanged)，对List进行赋值，会刷新绑定，但是对T(未实现INotifyPropertyChanged)进行赋值，不会刷新绑定privateList_dataList=newList();publicListDataList{get{return_dataList;}set{SetProperty(ref_dataList,
  • python 电影网站爬虫项目_python电影网站(2) Ndk开发校长 2024年程序员学习python爬虫开发语言
    else:#没有概述data.append("")Bd=re.findall(findBd,item)[0]#将bd中的(\s+)?替换Bd=re.sub('(\s+)?',"",Bd)data.append(Bd.strip())#strip去掉前后空格datalist.append(data)#把处理好的一个电影信息存储到datalist中#解析网页returndatalist#获取指定一个网
  • 超简单的Excel导入 没有社保的码农 JavaJava导出exceljava前端
    publicvoidimport(MultipartFilefile){try{EasyExcel.read(file.getInputStream(),SysAreaDTO.class,newPageReadListener(dataList->{if(ListUtils.isNotBlank(dataList)){//下面就可以写你的导入逻辑了获取到的数据就是excel中的数据//处理完毕之后
  • el-table点击单元格自动聚焦可编辑，且失去焦点即修改成功的实现方法 宝贝QY elementUIvue
    前言最近做的一个表格，有改某个单元格的需求，经过研究完美实现此功能，以下简要介绍下实现过程：所用前端工具element-ui官方文档vue官方文档效果图实现过程不拖泥带水，先看代码，想知道为什么要这样写的看下面讲解部分{{scope.row.name}}exportdefault{data(){return{dataList:[],loadingFlag:true}},components:{Pa
  • 解锁 HTML5 表单新力量：＜datalist＞、＜keygen＞、＜output＞元素深度解析 烂蜻蜓 HTML5html5前端html
    在HTML5的众多特性中，新的表单元素为网页交互带来了革新性的变化。、和这几个元素，极大地丰富了表单的功能，提升了用户体验与数据处理的便利性。下面就带大家深入了解这些元素的奇妙之处。一、：智能输入辅助神器在传统表单中，用户输入内容时往往缺乏引导，而元素完美解决了这一痛点。它能为元素提供预定义的选项列表，开启自动完成功能。比如，在制作一个收集用户常用浏览器信息的表单时，使用可以让用户快速选择，而无需
  • JAVA 导出 word HarrisHaword javaword开发语言
    1、模板方式导出1.1、引入maven依赖com.deepoovepoi-tl1.12.21.2、导出文档代码publicstaticvoidmain(String[]args){MapdataMap=newHashMapstudents=newArrayListdataList=newArrayListrows=newArrayListorg.apache.poipoi5.2.3org.apac
  • python中loads和dumps,load和dump的区别 mj229 python
    一、json.dumps()json.dumps()用于将dict数据类型转成str，因为如果直接将dict类型的数据写入json文件中会报错，因此在将数据写入时需要用到该函数。importjson#data数据为json格式data={"psId":"974061","recvTime":20210517213000,"dataList":[{"msgTime":"20210517213000"
  • java 扁平化_java 扁平化输出json所有节点key/value 领易房地产观察家 java扁平化
    本章主要介绍用java实现扁平化输出json所有节点key/value(包含所有内层子节点)1.json结构目的输出bill_list下的datalist里的子节点key/value2.实现代码publicstaticMapjsonConvertMap(JSONObjectjson){Mapmap=newHashMap0){for(Stringk:json.keySet()){Objectv=js
  • element的el-tree树的全部展开，全选，实现父子联动 你瞅啥灬 前端jsvue3elementuivue.js前端
    笔记！笔记！笔记！//多选的按钮data(){return{jurisdictionType:[],dataList:[{id:1,label:'一级2',children:[{id:3,label:'二级2-1',children:[{id:4,label:'三级3-1-1'},{id:5,label:'三级3-1-2',disabled:true}]},{id:2,label:'二级2-2',
  • VSCode 使用import导入js/vue等时添加智能提示,并可跳转到定义 zsd_666 Web前端javascriptvscodevue.js
    VSCode使用import导入js/vue等时添加智能提示,并可跳转到定义如://按住ctrl+鼠标点击getDataList,可以跳转到homeApi.js中的定义位置import{getDataList}from'@/api/homeApi.js'安装VuePeek插件在项目根目录下新建jsconfig.json文件{"compilerOptions":{"baseUrl":"./","pa
  • matlab逐像元计算栅格数据10年间的变化趋势代码 Rachel1017 matlab开发语言
    %指定目标文件夹的路径folder_path='E:\';%替换为目标文件夹路径%使用dir函数列出目标文件夹下的指定位置的文件file_pattern='*.tif';%例如，获取所有扩展名为".tif"的文件files=dir(fullfile(folder_path,file_pattern));%装载文件dataList=[];%遍历files，显示获取的文件名fori=1:length(
  • ProcessingP5js数据可视化 厉掣 个人-程序作品集信息可视化
    折线图绘制程序设计说明可以读取表格数据，并转换成折线图，条形图和饼状图，并设计了衔接动画效果1.功能概述本程序使用Processing读取CSV文件数据，并绘制带有坐标轴和数据点的折线图。横坐标（X轴）表示数据的标题，纵坐标（Y轴）表示数值。数据点之间用线段连接，形成折线图。2.数据结构yNum：Y轴刻度数xNum：X轴刻度数（数据点数量）dataList：存放数值数据的Float数组titleL
  • WebForms DataList 深入解析 wjs2024 开发语言
    WebFormsDataList深入解析引言在Web开发领域，控件是构建用户界面（UI）的核心组件。ASP.NETWebForms框架提供了丰富的控件，其中DataList控件是一个灵活且强大的数据绑定控件。本文将深入探讨WebFormsDataList控件的功能、用法以及在实际开发中的应用。DataList控件概述1.1什么是DataList控件DataList控件是ASP.NETWebForm
  • 什么是虚拟DOM？
    古老的渲染方式（innerHTML）在虚拟DOM出现之前，我们创建页面UI最常用的方式就是innerHTML，但是它有一个很大的问题，就是会导致很多不必要的性能开销。看下面这段代码，这是个很经典的渲染服务器返回的列表数据到HTML中：constdataList=[{label:'Lorem,ipsum.',value:112.7},{label:'Praesentium,facere.',valu
  • 【前端echarts】echarts双饼图与easyui列表联动 时光匆匆岁月荏苒,转眼我们已不是当年 EasyUI前端echartseasyui
    echarts双饼图与easyui列表联动包括饼图与列表页联动，基本上无bugecharts双饼图与easyui列表联动-->-->$(function(){//定义参数varpieOptionDataList=[{titleText:"用户",seriesId:"user",seriesDataValue:"userRatio",seriesDataName:"userName",},{titl
  • 爬信息到excel里 赤兔马百花袍 pythonchrome数据挖掘爬虫
    代码：#-*-coding=utf-8-*-frombs4importBeautifulSoupimporturllib.request,urllib.errorimportreimportxlwt#主函数defmain():baseurl='https://movie.douban.com/top250?start='dataList=getData(baseurl)dbpath="豆瓣电影25
  • android之binder关于RemoteCallbackList的使用 开发之奋斗人生 frameworkandroidbinderRemoteCallback
    文章目录简述aidl文件修改服务端客户端主要调用流程1.注册2.发送调用3.反注册简述在android关于binder的简单通信过程的基础上添加关于RemoteCallbackList的使用,client端对server端进行register与unregister的过程，然后server主动给client端回调处理。aidl文件修改1.在IOnTestDataListener.aidl文件中加入r
  • java导出excel（带图片） 陈一一同学 java
    先看一下导出效果，controller表头数据一定要放在最前面Listhead=Arrays.asList("姓名","年龄","性别","证件类别","证件号","联系电话","地区","详细地址","报名时间","所属分组","年度","参赛类别1","作品名称1","作品1","参赛类别2","作品名称2","作品2");List>sheetDataList=newArrayListlist
  • Vue输入框模糊搜索的多种写法 花开富贵城 javascript前端vue.js
    （1）模板方案Document{{item}}varobj={data(){return{mytext:'',dataList:['aaa','abc','acb','add','abb','acc','bca','cca','bba','ccc','bbb'],}}}Vue.createApp(obj).mount('#box')（2）复制方案（浪费内存不优雅）Document{{item}}-
  • 如何设置element ui选择结束时间为23:59:59？ weixin_42220130 前端elementui时间结束
    两个方法，不过都是针对于传值给后端做的处理，不包括前端展示1每次发送请求时更改结束时间给后端//请求函数getDataList(){this.dataListLoading=true;//请求参数手动更改if(this.searchForm.timeArray.length===2&&this.searchForm.timeArray[1]!==""){this.searchForm.timeAr
  • ASM系列六 利用TreeApi 添加和移除类成员 lijingyao8206 jvm动态代理ASM字节码技术TreeAPI
        同生成的做法一样，添加和移除类成员只要去修改fields和methods中的元素即可。这里我们拿一个简单的类做例子，下面这个Task类，我们来移除isNeedRemove方法，并且添加一个int 类型的addedField属性。   package asm.core; /** * Created by yunshen.ljy on 2015/6/
  • Springmvc-权限设计 bee1314 springWebjsp
    万丈高楼平地起。 权限管理对于管理系统而言已经是标配中的标配了吧，对于我等俗人更是不能免俗。同时就目前的项目状况而言，我们还不需要那么高大上的开源的解决方案，如Spring Security，Shiro。小伙伴一致决定我们还是从基本的功能迭代起来吧。 目标： 1.实现权限的管理（CRUD） 2.实现部门管理 （CRUD) 3.实现人员的管理 （CRUD） 4.实现部门和权限
  • 算法竞赛入门经典（第二版）第2章习题 CrazyMizzz c算法
    2.4.1 输出技巧 #include <stdio.h> int main() { int i, n; scanf("%d", &n); for (i = 1; i <= n; i++) printf("%d\n", i); return 0; } 习题2-2 水仙花数(daffodil
  • struts2中jsp自动跳转到Action 麦田的设计者 jspwebxmlstruts2自动跳转
    1、在struts2的开发中，经常需要用户点击网页后就直接跳转到一个Action，执行Action里面的方法，利用mvc分层思想执行相应操作在界面上得到动态数据。毕竟用户不可能在地址栏里输入一个Action（不是专业人士）   2、＜jsp:forward page="xxx.action" /＞ ，这个标签可以实现跳转，page的路径是相对地址,不同与jsp和j
  • php 操作webservice实例 IT独行者 PHPwebservice
    首先大家要简单了解了何谓webservice，接下来就做两个非常简单的例子，webservice还是逃不开server端与client端。我测试的环境为：apache2.2.11 php5.2.10做这个测试之前，要确认你的php配置文件中已经将soap扩展打开，即extension=php_soap.dll; OK 现在我们来体验webservice //server端 serve
  • Windows下使用Vagrant安装linux系统 _wy_ windowsvagrant
    准备工作： 下载安装 VirtualBox ：https://www.virtualbox.org/ 下载安装 Vagrant ：http://www.vagrantup.com/ 下载需要使用的 box ： 官方提供的范例：http://files.vagrantup.com/precise32.box 还可以在 http://www.vagrantbox.es/ 
  • 更改linux的文件拥有者及用户组(chown和chgrp) 无量 clinuxchgrpchown
    本文（转） http://blog.163.com/yanenshun@126/blog/static/128388169201203011157308/ http://ydlmlh.iteye.com/blog/1435157 一、基本使用： 使用chown命令可以修改文件或目录所属的用户：        命令
  • linux下抓包工具 矮蛋蛋 linux
    原文地址： http://blog.chinaunix.net/uid-23670869-id-2610683.html tcpdump -nn -vv -X udp port 8888 上面命令是抓取udp包、端口为8888 netstat -tln 命令是用来查看linux的端口使用情况 13 . 列出所有的网络连接 lsof -i 14. 列出所有tcp 网络连接信息 l
  • 我觉得mybatis是垃圾！：“每一个用mybatis的男纸，你伤不起” alafqq mybatis
    最近看了  每一个用mybatis的男纸，你伤不起 原文地址 ：http://www.iteye.com/topic/1073938 发表一下个人看法。欢迎大神拍砖； 个人一直使用的是Ibatis框架，公司对其进行过小小的改良； 最近换了公司，要使用新的框架。听说mybatis不错；就对其进行了部分的研究； 发现多了一个mapper层；个人感觉就是个dao；
  • 解决java数据交换之谜 百合不是茶 数据交换
    交换两个数字的方法有以下三种 ，其中第一种最常用   /* 输出最小的一个数 */ public class jiaohuan1 { public static void main(String[] args) { int a =4; int b = 3; if(a<b){ // 第一种交换方式 int tmep =
  • 渐变显示 bijian1013 JavaScript
    <style type="text/css"> #wxf { FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#97FF98); height: 25px; } </style>
  • 探索JUnit4扩展：断言语法assertThat bijian1013 java单元测试assertThat
    一.概述         JUnit 设计的目的就是有效地抓住编程人员写代码的意图，然后快速检查他们的代码是否与他们的意图相匹配。 JUnit 发展至今，版本不停的翻新，但是所有版本都一致致力于解决一个问题，那就是如何发现编程人员的代码意图，并且如何使得编程人员更加容易地表达他们的代码意图。JUnit 4.4 也是为了如何能够
  • 【Gson三】Gson解析{"data":{"IM":["MSN","QQ","Gtalk"]}} bit1129 gson
      如何把如下简单的JSON字符串反序列化为Java的POJO对象? {"data":{"IM":["MSN","QQ","Gtalk"]}}   下面的POJO类Model无法完成正确的解析：   import com.google.gson.Gson;
  • 【Kafka九】Kafka High Level API vs. Low Level API bit1129 kafka
    1. Kafka提供了两种Consumer API High Level Consumer API Low Level Consumer API(Kafka诡异的称之为Simple Consumer API，实际上非常复杂) 在选用哪种Consumer API时，首先要弄清楚这两种API的工作原理，能做什么不能做什么，能做的话怎么做的以及用的时候，有哪些可能的问题  
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-归并排序 bylijinnan java
    import java.util.Arrays; public class MergeSort { public static void main(String[] args) { int[] a={20,1,3,8,5,9,4,25}; mergeSort(a,0,a.length-1); System.out.println(Arrays.to
  • Netty源码学习-CompositeChannelBuffer bylijinnan javanetty
    CompositeChannelBuffer体现了Netty的“Transparent Zero Copy” 查看API（ http://docs.jboss.org/netty/3.2/api/org/jboss/netty/buffer/package-summary.html#package_description） 可以看到，所谓“Transparent Zero Copy”是通
  • Android中给Activity添加返回键 hotsunshine Activity
    // this need android:minSdkVersion="11" getActionBar().setDisplayHomeAsUpEnabled(true); @Override public boolean onOptionsItemSelected(MenuItem item) {
  • 静态页面传参 ctrain 静态
    $(document).ready(function () { var request = { QueryString : function (val) { var uri = window.location.search; var re = new RegExp("" + val + "=([^&?]*)", &
  • Windows中查找某个目录下的所有文件中包含某个字符串的命令 daizj windows查找某个目录下的所有文件包含某个字符串
    findstr可以完成这个工作。   [html]  view plain copy   >findstr /s /i "string" *.*   上面的命令表示，当前目录以及当前目录的所有子目录下的所有文件中查找"string&qu
  • 改善程序代码质量的一些技巧 dcj3sjt126com 编程PHP重构
    有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。让我们看一些基本的编程技巧：    尽量保持方法简短    尽管很多人都遵
  • SharedPreferences对数据的存储 dcj3sjt126com
    SharedPreferences简介：                                                   &nbs
  • linux复习笔记之bash shell (2) bash基础 eksliang bashbash shell
    转载请出自出处： http://eksliang.iteye.com/blog/2104329 1.影响显示结果的语系变量（locale）  1.1locale这个命令就是查看当前系统支持多少种语系，命令使用如下： [root@localhost shell]# locale LANG=en_US.UTF-8 LC_CTYPE="en_US.UTF-8"
  • Android零碎知识总结 gqdy365 android
    1、CopyOnWriteArrayList add(E) 和remove(int index)都是对新的数组进行修改和新增。所以在多线程操作时不会出现java.util.ConcurrentModificationException错误。 所以最后得出结论：CopyOnWriteArrayList适合使用在读操作远远大于写操作的场景里，比如缓存。发生修改时候做copy，新老版本分离，保证读的高
  • HoverTree.Model.ArticleSelect类的作用 hvt Web.netC#hovertreeasp.net
    ArticleSelect类在命名空间HoverTree.Model中可以认为是文章查询条件类，用于存放查询文章时的条件，例如HvtId就是文章的id。HvtIsShow就是文章的显示属性，当为-1是，该条件不产生作用，当为0时，查询不公开显示的文章，当为1时查询公开显示的文章。HvtIsHome则为是否在首页显示。HoverTree系统源码完全开放，开发环境为Visual Studio 2013
  • PHP 判断是否使用代理 PHP Proxy Detector 天梯梦 proxy
    1. php 类 I found this class looking for something else actually but I remembered I needed some while ago something similar and I never found one. I'm sure it will help a lot of developers who try to
  • apache的math库中的回归——regression（翻译） lvdccyb Mathapache
    这个Math库，虽然不向weka那样专业的ML库，但是用户友好，易用。 多元线性回归，协方差和相关性（皮尔逊和斯皮尔曼），分布测试（假设检验，t，卡方，G），统计。   数学库中还包含，Cholesky，LU，SVD，QR，特征根分解，真不错。   基本覆盖了：线代，统计，矩阵， 最优化理论 曲线拟合 常微分方程 遗传算法（GA）， 还有3维的运算。。。
  • 基础数据结构和算法十三：Undirected Graphs (2) sunwinner Algorithm
      Design pattern for graph processing. Since we consider a large number of graph-processing algorithms, our initial design goal is to decouple our implementations from the graph representation
  • 云计算平台最重要的五项技术 sumapp 云计算云平台智城云
    云计算平台最重要的五项技术 1、云服务器 云服务器提供简单高效，处理能力可弹性伸缩的计算服务，支持国内领先的云计算技术和大规模分布存储技术，使您的系统更稳定、数据更安全、传输更快速、部署更灵活。 特性 机型丰富 通过高性能服务器虚拟化为云服务器，提供丰富配置类型虚拟机，极大简化数据存储、数据库搭建、web服务器搭建等工作； 仅需要几分钟，根据CP
  • 《京东技术解密》有奖试读获奖名单公布 ITeye管理员 活动
    ITeye携手博文视点举办的12月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。  12月试读活动回顾： http://webmaster.iteye.com/blog/2164754 本次技术图书试读活动获奖名单及相应作品如下： 一等奖（两名） Microhardest：http://microhardest.ite
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他