当前位置： 首页 > news >正文

easyui渲染隐藏域＜input type=“hidden“ /＞为textbox可作为分割条使用

news 2026/5/19 10:45:09

最近在修改前端代码的时候，偶然发现使用javascript代码渲染的方式将<input type="hidden" />渲染为textbox时，会显示一个神奇的效果，这个textbox输入框并不会隐藏，而是显示未一个细条，博主发现非常适合用来当分割条使用。

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><link type="text/css" rel="stylesheet" href="/css/themes/icon.css"/><link type="text/css" rel="stylesheet" href="/css/themes/default/easyui.css" /><link type="text/css" rel="stylesheet" href="/css/public.css" /><title>应用列表</title><script type="text/javascript" src="/js/public/jquery.min.js"></script><script type="text/javascript" src="/js/easyui/jquery.easyui.min.js"></script><script type="text/javascript" src="/js/easyui/easyui-lang-zh_CN.js"></script><script type="text/javascript" src="/js/public/public.js"></script><script type="text/javascript" src="/js/public/ajaxUtils.js"></script><script type="text/javascript" src="/js/application_list.js"></script></head><body><div id="application_dialog" style="display:none;"><form id="application_form"><input type="hidden" id="id" name="id" /><table style="border-spacing:5px;"><tr><td>应用名称</td><td><input id="name" name="name" /></td></tr><tr><td>访问路径</td><td><input id="href" name="href" /></td></tr><tr><td>描述信息</td><td><input id="description" name="description" /></td></tr></table></form></div><table id="application_list"></table></body>
</html>

不小心把id渲染成了textbox，涉及的js代码如下：

$(document).ready(function() {$("#id").textbox({width: 200,required: true});});

于是页面变成了这样，我还寻思这条红色的线哪来的。

于是，他就成了我项目中的统一分隔条了~

效果如下

代码

<input type="hidden" class="splitter" />
$(document).ready(function() {$("#qiling_detail .splitter").textbox({width: 205});});

相关文章：

easyui渲染隐藏域＜input type=“hidden“ /＞为textbox可作为分割条使用

最近在修改前端代码的时候&#xff0c;偶然发现使用javascript代码渲染的方式将<input type"hidden" />渲染为textbox时&#xff0c;会显示一个神奇的效果&#xff0c;这个textbox输入框并不会隐藏&#xff0c;而是显示未一个细条&#xff0c;博主发现非常适合…...

编程日记 2024/1/22 23:16:42

100天精通Python（实用脚本篇）——第113天：基于Tesseract-OCR实现OCR图片文字识别实战

文章目录 专栏导读1. OCR技术介绍2. 模块介绍3. 模块安装4. 代码实战4.1 英文图片测试4.2 数字图片测试4.3 中文图片识别 书籍分享 专栏导读 &#x1f525;&#x1f525;本文已收录于《100天精通Python从入门到就业》&#xff1a;本专栏专门针对零基础和需要进阶提升的同学所准…...

编程日记 2024/1/22 23:13:39

Go七天实现RPC

0.前言 本文是学习自7天用Go从零实现RPC框架GeeRPC | 极客兔兔 在此基础上&#xff0c;加入自己的学习过程与理解。 1.RPC 框架 RPC(Remote Procedure Call&#xff0c;远程过程调用)是一种计算机通信协议&#xff0c;允许调用不同进程空间的程序。RPC 的客户端和服务器可以…...

编程日记 2024/1/22 23:12:38

Elasticsearch：和 LIamaIndex 的集成

LlamaIndex 是一个数据框架&#xff0c;供 LLM 应用程序摄取、构建和访问私有或特定领域的数据。 LlamaIndex 是开源的&#xff0c;可用于构建各种应用程序。 在 GitHub 上查看该项目。 安装 在 Docker 上设置 Elasticsearch 使用以下 docker 命令启动单节点 Elasticsearch 实…...

编程日记 2024/1/22 23:11:37

QT基础篇（14）QT操作office实例

1.QT操作office的基本方式 通过QT操作Office软件&#xff0c;可以使用Qt的QAxObject类来进行操作。下面是一个例子&#xff0c;展示了通过Qt操作Excel的基本方式&#xff1a; #include <QApplication> #include <QAxObject>int main(int argc, char *argv[]) {QA…...

编程日记 2024/1/22 23:08:34

重拾计网-第四弹 计算机网络性能指标

ps&#xff1a;本文章的图片内容来源都是来自于湖科大教书匠的视频&#xff0c;声明&#xff1a;仅供自己复习&#xff0c;里面加上了自己的理解 这里附上视频链接地址&#xff1a;1.5 计算机网络的性能指标&#xff08;1&#xff09;_哔哩哔哩_bilibili ​​​ 目录 &#x…...

编程日记 2024/1/22 23:04:29

【Vue】Vue 路由的配置及使用

目录捏 前言一、路由是什么&#xff1f;1.前端路由2.后端路由 二、路由配置1.安装路由2.配置路由 三、路由使用1.route 与 router2. 声明式导航3. 指定组件的呈现位置 四、嵌套路由&#xff08;多级路由&#xff09;五、路由重定向1.什么是路由重定向&#xff1f;2.设置 redire…...

编程日记 2024/1/22 23:00:26

网络安全事件分级指南

一、特别重大网络安全事件 符合下列情形之一的&#xff0c;为特别重大网络安全事件&#xff1a; 1.重要网络和信息系统遭受特别严重的系统损失&#xff0c;造成系统大面积瘫痪&#xff0c;丧失业务处理能力。 2.国家秘密信息、重要敏感信息、重要数据丢失或被窃取、篡改、假…...

编程日记 2024/1/22 22:56:21

uniapp组件库SwipeAction 滑动操作 使用方法

目录 #平台差异说明 #基本使用 #修改按钮样式 #点击事件 #API #Props #Event 该组件一般用于左滑唤出操作菜单的场景&#xff0c;用的最多的是左滑删除操作。 注意 如果把该组件通过v-for用于左滑删除的列表&#xff0c;请保证循环的:key是一个唯一值&#xff0c;可以…...

编程日记 2024/1/22 22:55:20

YARN节点故障的容错方案

YARN节点故障的容错方案 1. RM高可用1.1 选主和HA切换逻辑 2. NM高可用2.1 感知NM节点异常2.2 异常NM上的任务处理 4. 疑问和思考4,1 RM感知NM异常需要10min&#xff0c;对于app来说是否太长了&#xff1f; 5. 参考文档 本文主要探讨yarn集群的高可用容错方案和容错能力的探讨。…...

编程日记 2024/1/22 22:54:19

C++后端笔记

C后端笔记 资源整理一、高级语言程序设计1.1 进制1.2 程序结构基本知识1.3 数据类型ASCII码命名规则变量间的赋值浮点型变量的作用字符变量常变量 const运算符 二、高级语言程序设计&#xff08;荣&#xff09; 资源整理 C后端开发学习路线及推荐学习时间 C基础知识大全 C那…...

编程日记 2024/1/22 22:53:18

JavaEE中什么是Web容器？

Web容器&#xff08;也称为Servlet引擎&#xff09;是一个用于执行Java Servlet和JSP的服务器端环境。它负责管理和执行在其上运行的Web应用程序。 Tomcat是Web容器 Apache Tomcat 是一个流行的开源的Web容器&#xff0c;它实现了Java Servlet和JavaServer Pages&#xff08;…...

编程日记 2024/1/22 22:51:16

MySQL 8.0 架构 之错误日志文件（Error Log）（1）

文章目录 MySQL 8.0 架构 之错误日志文件&#xff08;Error Log&#xff09;&#xff08;1&#xff09;MySQL错误日志文件&#xff08;Error Log&#xff09;MySQL错误日志在哪里Window环境Linux环境 错误日志相关参数log_error_services 参考 【声明】文章仅供学习交流&#x…...

编程日记 2024/1/22 22:50:14

51单片机实验课一

实验任务一&#xff1a;实现控制8个发光管的亮&#xff08;灭&#xff09; #include <REGX52.H> void Delay1ms(unsigned int xms) //11.0592MHz {unsigned char i, j;while(xms){xms--;i 12;j 169;do{while (--j);} while (--i);} } void main() {while(1){P20;//八…...

编程日记 2024/1/22 22:46:11

【.NET Core】多线程之线程池（ThreadPool）详解（一）

【.NET Core】多线程之线程池&#xff08;ThreadPool&#xff09;详解&#xff08;一&#xff09; 文章目录 【.NET Core】多线程之线程池&#xff08;ThreadPool&#xff09;详解&#xff08;一&#xff09;一、概述二、线程池的应用范围三、线程池特性3.1 线程池线程中的异常…...

编程日记 2024/1/22 22:45:10

圆的参数方程是如何推导的？

圆的参数方程是如何推导的？ 1. 圆的三种参数表示2. 三角函数万能公式3. 回到圆的参数方程1. 圆的三种参数表示 已知圆的第一种参数方程为： x 2 + y 2 = r x^2+y^2=r x2+y2=r   圆的图像如下： 通过上图，不难理解，圆的参数方程还可以用三角函数表示，也就是第二种参数表…...

编程日记 2024/1/22 22:42:07

sqlmap使用教程（2）-连接目标

目录 连接目标 1.1 设置认证信息 1.2 配置代理 1.3 Tor匿名网络 1.4 检测WAF/IPS 1.5 调整连接选项 1.6 处理连接错误 连接目标 场景1&#xff1a;通过代理网络上网&#xff0c;需要进行相应配置才可以成功访问目标主机 场景2&#xff1a;目标网站需要进行身份认证后才…...

编程日记 2024/1/22 22:39:03

c++ http第一个服务

c http第一个服务 一、下载相关依赖&#xff1a;这是一个git开源项目 代码仓地址 二、演示代码&#xff0c;编译参数&#xff1a;g test.cpp -I/**** -lpthread #include <httplib.h> using namespace httplib;void wuhan(const Request &req, Response &res) …...

编程日记 2024/1/22 22:37:01

深入Android S (12.0) 探索Framework之输入子系统InputReader的流程

Framework层之输入系统 第一篇 深入Android S (12.0) 探索Framework之输入系统IMS的构成与启动 第二篇 深入Android S (12.0) 探索Framework之输入子系统InputReader的流程 文章目录 Framework层之输入系统前言一、基础知识1、输入子系统2、INotify 与 Epoll2.1、INotify 机制…...

编程日记 2024/1/22 22:36:00

【cucumber】cluecumber-report-plugin生成测试报告

cluecumber为生成测试报告的第三方插件&#xff0c;可以生成html测报&#xff0c;该测报生成需以本地json测报的生成为基础。 所以需要在测试开始主文件标签CucumberOptions中&#xff0c;写入生成json报告。 2. pom xml文件中加入插件 <!-- 根据 cucumber json文件 美化测…...

编程日记 2024/1/22 22:34:59

告别轮询！STM32CubeMX配置DMA串口收发485数据，并详解HAL库回调函数使用避坑

STM32CubeMX实战&#xff1a;DMA驱动RS485通信与HAL库回调机制深度解析 当我们需要在工业环境中实现稳定可靠的串行通信时&#xff0c;RS485总线因其抗干扰能力强、传输距离远等优势成为首选。而STM32系列MCU配合HAL库的开发模式&#xff0c;能够显著提升开发效率。本文将彻底改…...

编程新知 2026/5/19 10:14:06

微软：小模型替代大模型执行终端任务

&#x1f4d6;标题&#xff1a;Terminus-4B: Can a Smaller Model Replace Frontier LLMs at Agentic Execution Tasks? &#x1f310;来源&#xff1a;arXiv, 2605.03195v1 &#x1f6ce;️文章简介 &#x1f538;研究问题&#xff1a;在代码智能体的终端执行子任务中&#x…...

编程新知 2026/5/19 9:08:01

【NotebookLM高阶假设工程】：为什么87%的研究者卡在第2步？3类典型失效模式+实时调试SOP

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;NotebookLM假设构建辅助 NotebookLM 是 Google 推出的基于用户上传文档进行可信问答与推理的 AI 工具&#xff0c;其核心能力之一是支持“假设构建”&#xff08;Hypothesis Generation&#xff09;——…...

编程新知 2026/5/19 8:55:16

Linux密钥文件管理排查方法

Linux密钥文件管理排查方法本文面向具备一定 Linux 基础的技术人员&#xff0c;围绕密钥文件管理展开&#xff0c;重点讨论敏感文件权限、轮换流程和审计追踪。在中级运维和系统管理工作中&#xff0c;这类主题常常与配置变更、资源状态、权限边界、自动化任务和业务影响交织在…...

编程新知 2026/5/19 8:20:49

保姆级教程：用Python+Matplotlib处理微波辐射计LV2数据，绘制专业温度廓线图

科研级气象数据可视化&#xff1a;PythonMatplotlib处理微波辐射计数据的完整实践指南 清晨5点23分&#xff0c;实验室的微波辐射计刚刚完成一次完整的温度廓线扫描。屏幕上跳动的数字背后&#xff0c;隐藏着从地面到平流层的大气热力学密码。对于大气科学研究者而言&#xff0…...

编程新知 2026/5/19 8:18:47

Keil MDK中HEX文件未生成的8.3路径问题解析

1. 问题现象与背景解析 在嵌入式开发领域&#xff0c;Keil MDK&#xff08;Microcontroller Development Kit&#xff09;是广泛使用的集成开发环境&#xff0c;尤其针对C166系列微控制器。最近遇到一个典型问题&#xff1a;开发者在Vision1环境中配置了L166链接器和OH166 HEX转…...

编程新知 2026/5/19 8:14:18

ContextMenuManager：5分钟掌握Windows右键菜单管理的终极免费方案

ContextMenuManager&#xff1a;5分钟掌握Windows右键菜单管理的终极免费方案 【免费下载链接】ContextMenuManager &#x1f5b1;️ 纯粹的Windows右键菜单管理程序 项目地址: https://gitcode.com/gh_mirrors/co/ContextMenuManager 你是否厌倦了每次右键点击文件时&a…...

编程新知 2026/5/19 8:10:15

Kali Linux 保姆级教程｜从入门到渗透测试，一篇封神！

前言 Kali Linux 作为网络安全领域的「瑞士军刀」&#xff0c;集成 600 专业渗透工具&#xff0c;覆盖信息收集、漏洞利用、权限维持等全流程。本文结合最新实战场景&#xff0c;整理系统学习路径、核心工具解析及资源获取方式&#xff0c;助你快速掌握这门渗透测试必备技能。…...

编程新知 2026/5/19 7:46:38

多平台布局时代，店群账号高效管控之道

在电商行业持续精细化运营的当下&#xff0c;店群模式仍是商家拓宽渠道、分散风险、提升规模效应的主流选择。伴随抖店、拼多多、TikTok Shop、Temu、亚马逊等国内外平台规则趋严&#xff0c;多店铺账号管理已成为制约店群商家稳定经营的关键瓶颈。传统依赖人工登记、多设备登录…...

编程新知 2026/5/19 7:11:16

nodejs后端服务如何接入taotoken调用多模型能力

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 Node.js 后端服务如何接入 Taotoken 调用多模型能力 基础教程类&#xff0c;面向使用 Node.js 构建后端服务或前端应用的开发者&am…...

编程新知 2026/5/19 5:34:17