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

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

news 2025/9/18 4:38:43

最近在修改前端代码的时候，偶然发现使用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可作为分割条使用

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

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

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

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

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

Go七天实现RPC

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

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

Elasticsearch：和 LIamaIndex 的集成

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

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

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

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

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

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

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

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

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

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

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

网络安全事件分级指南

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

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

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

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

编程日记 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，对于app来说是否太长了？ 5. 参考文档本文主要探讨yarn集群的高可用容错方案和容错能力的探讨。…...

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

C++后端笔记

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

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

JavaEE中什么是Web容器？

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

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

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

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

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

实验任务一：实现控制8个发光管的亮（灭） #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】多线程之线程池（ThreadPool）详解（一） 文章目录【.NET Core】多线程之线程池（ThreadPool）详解（一）一、概述二、线程池的应用范围三、线程池特性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：通过代理网络上网，需要进行相应配置才可以成功访问目标主机场景2：目标网站需要进行身份认证后才…...

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

c++ http第一个服务

c http第一个服务一、下载相关依赖：这是一个git开源项目代码仓地址二、演示代码，编译参数：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为生成测试报告的第三方插件，可以生成html测报，该测报生成需以本地json测报的生成为基础。所以需要在测试开始主文件标签CucumberOptions中，写入生成json报告。 2. pom xml文件中加入插件 <!-- 根据 cucumber json文件美化测…...

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

wordpress后台更新后前端没变化的解决方法

使用siteground主机的wordpress网站，会出现更新了网站内容和修改了php模板文件、js文件、css文件、图片文件后，网站没有变化的情况。不熟悉siteground主机的新手，遇到这个问题，就很抓狂，明明是哪都没操作错误&#x…...

编程新知 2025/9/18 3:23:28

Ubuntu系统下交叉编译openssl

一、参考资料 OpenSSL&&libcurl库的交叉编译 - hesetone - 博客园二、准备工作 1. 编译环境宿主机：Ubuntu 20.04.6 LTSHost：ARM32位交叉编译器：arm-linux-gnueabihf-gcc-11.1.0 2. 设置交叉编译工具链在交叉编译之前&#x…...

编程新知 2025/8/5 22:19:11