顺丰物流单号查询效果(可输入多个文本框)
样式: <style type="text/css">a{background: transparent;text-decoration: none;}.form-wrap{position: relative;box-shadow: inset 0 0 10px rgba(0,0,0,0.2);border: 1px solid #e1e1e0;}.tokenfield{transition: min-height 120ms;height: auto;min-height: 87px;max-height: 200px;overflow-x: hidden;overflow-y: auto;box-shadow: none;border: none;background: none;}.tokenfield.form-control{padding: 7px;}.form-control{display: block;width: 100%;font-size: 13px;line-height: 1.42857;color: #333;vertical-align: middle;border-radius: 0;}.tokenfield .token.invalid{background: none;border: 1px solid transparent;border-radius: 0;border-bottom: 1px dotted #b94a48;}.tokenfield .token{box-sizing: border-box;display: inline-block;margin: -1px 5px 5px 0;vertical-align: top;cursor: default;padding: 0 7px;height: 24px;line-height: 24px;font-size: 13px;}.tokenfield .token .token-label{display: inline-block;overflow: hidden;text-overflow: ellipsis;font-size: 13px;color: gray;white-space: nowrap;}.tokenfield .token .close{margin-left: 0;font-size: 15px;}.close{font-family: "Hiragino Sans GB" ,simsun, "Microsoft YaHei" ,sans-serif;display: inline-block;line-height: 24px;}.close{float: right;font-weight: bold;color: #000;text-shadow: 0 1px 0 #fff;opacity: 0.2;filter: alpha(opacity=20);}.tokenfield .token-input{background: none; /*min-width: 60px; width: 100%; */border: 1px solid transparent;line-height: 24px;font-size: 13px;box-shadow: none;height: 24px;padding: 0;}.tokenfield .token-input:focus{border-color: transparent;outline: 0;box-shadow: none;}.form-wrap .notice{color: #ccc;font-size: 12px;padding: 0 10px 5px;}</style>
<script language="javascript">$(function () { $("a.close").live("click", function () {$(this).parent().remove();return false;});$("input.token-input").keyup(function (event) {var event = window.event || event;if (event.keyCode == 13) {if ($(this).val() != "") {var strHTML = "<div class=\"token invalid\" data-value=\"" + $(this).val() + "\"><span class=\"token-label\" style=\"max-width: 251px;\">" + $(this).val() + "</span><a href=\"#\" class=\"close\" tabindex=\"-1\">×</a></div>";$(this).val("");$(this).before(strHTML);$(this).focus();}}});});</script>
<div style="width: 500px"><div class="form-wrap"><div class="tokenfield form-control"><div class="token invalid" data-value="发送到发送到"><span class="token-label" style="max-width: 251px;">发送到发送到</span><a href="#" class="close"tabindex="-1">×</a></div><div class="token invalid" data-value="吃的发送到发送到发送到发送到"><span class="token-label" style="max-width: 251px;">吃的发送到发送到发送到发送到</span><a href="#" class="close" tabindex="-1">×</a></div><input type="text" class="token-input" autocomplete="off" placeholder="" id="1410764747876174-tokenfield" tabindex="0" style="min-width: 90px; width: 124px;"><div class="notice">最多可同时查询20条运单号,请以逗号、空格或回车键隔开。</div></div></div></div>
顺丰物流单号查询效果(可输入多个文本框)相关推荐
- 物流信息根服务器,SHOPEX快递物流单号查询插件 v8.2
SHOPEX快递物流单号查询插件提供国内外近2000家快递物流订单单号查询服务例如申通快递.顺丰快递.圆通快递.EMS快递.汇通快递.宅急送快递.德邦物流.百世快递.汇通快递.中通快递.天天快递等知名 ...
- java根据物流单号查询物流详细
java根据物流单号查询物流信息 package com.yoyo.expressage.controller; import com.alibaba.fastjson.JSON; import co ...
- 快递鸟全球物流单号查询api接口
快递鸟全球物流单号查询API接口旨在为电商.电商平台.物流工具.打单工具.仓储系统.移动APP等系统提供专业.稳定.优质的API 接口服务,满足不同用户的物流管理需求.本文档就各个API接口进行详细说 ...
- Java文本框只有一行数据,Java只允许输入数目字的文本框
Java只允许输入数字的文本框 package com.han; import javax.swing.JTextField; import javax.swing.text.AttributeSet ...
- WP7 开发(十五)输入范围和文本框
本文专门讨论Windows Phone 7的键盘.我将讲解如何使用键盘显示你想要的字符.还会讨论密码框(PasswordBox),以及如何自定义它们.文章最后包含了一个代码示例. 极棒的模拟器技巧 我 ...
- html文本框超出范围,ppt出现文本框中输入文字超出文本框范围的详细操作
今天小编讲解了在ppt出现文本框中输入文字超出文本框范围步骤,下文就是关于ppt出现文本框中输入文字超出文本框范围的教程,一起来学习吧. ppt出现文本框中输入文字超出文本框范围的详细操作 首先,打开 ...
- java 文本框只能输入数字_java 24 - 6 GUI之 创建只能输入数字的文本框
需求: 创建一个含有标签和文本框的窗体,其中文本框只能输入数字 步骤:(大致上) 创建窗体对象 创建标签对象 创建文本框对象 把组件添加到窗体中 设置标签的监听事件,对键盘按下的数据进行监听 设置窗体 ...
- ECSHOP快递物流单号查询插件
本ECSHOP快递物流单号跟踪插件提供国内外近2000家快递物流订单单号查询服务例如申通快递.顺丰快递.圆通快递.EMS快递.汇通快递.宅急送快递.德邦物流.百世快递.汇通快递.中通快递.天天快递等知 ...
- ECSHOP快递物流单号查询追踪插件
简介: ECSHOP快递物流单号跟踪插件提供国内外近2000家快递物流订单单号查询服务例如申通快递.顺丰快递.圆通快递.EMS快递.汇通快递.宅急送快递.德邦物流.百世快递.汇通快递.中通快递.天天快 ...
最新文章
- Qt Creator基本使用方法
- 该放弃正在堕落的“RNN和LSTM”了
- python读大文件方法_使用Python读取大文件的方法
- jQuery获取url地址
- Could not retrieve transaction read-only status from server
- 浅谈UWB室内定位(二)
- 最详细的双目摄像头测距离(深度)的原理
- 认知盈余时代,知乎是如何运营的
- classes是什么意思怎么读_Classes是什么意思_Classes的翻译_音标_读音_用法_例句_爱词霸在线词典...
- 芯片设计流程介绍(从硬件设计语言到芯片制造)
- java导出繁体字word,word繁体字转换
- Opencv中 Mat矩阵中属性【随笔记】
- [宋史学习] 王全斌功过
- 智能网联先导区道路交叉口车路协同系统设计
- 【半导体先进工艺制程技术系列】SOI技术(中)
- 医院双向转诊系统解决方案
- win10安装sqlmap_Windows中安装sqlmap方法(附实战)
- java+opencv+selenium实现滑块滑动破解
- java保存文件filedialog保存路径 文件名_VB.Net保存文件对话框(SaveFileDialog)
- 长安大学计算机网络复试题,研友分享:长安大学考研复试经验总结
热门文章
- Apache服务器下载、安装、启动、关闭及卸载(win版)
- java环境变量设置详解_JAVA环境变量配置详解(Windows)
- HTML中del标记是什么意思,HTML del标记
- 磁盘管理来安装linux,Linux_在CentOS系统中安装quota来管理磁盘配额,在网络管理的工作中,由于硬 - phpStudy...
- java mac pos_pos终端mac国密(sm4)算法(java实现)
- linux查看xml文件的配置,3、kvm虚拟机日常管理与配置
- C++ 类和对象成员特性
- 2021年上半年移动广告流量观察白皮书
- 2021年中国物流地产行业发展报告
- 电脑长时间睡眠会自动关机吗_长期对着电脑皮肤会变黑吗?经常对电脑如何保护皮肤?...