下面都是我收集的一些比较常用的正则表达式,因为平常可能在表单验证的时候,用到的比较多。特发出来,让各位朋友共同使用。呵呵。 匹配中文字符的正则表达式: [u4e00-u9fa5]评注:匹配中文还真是个头疼的事,有了这个表达式就好办了匹配双字节字符(包括汉字在内):[^x00-xff]评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)匹配空白行的正则表达式:ns*r评注:可
最近在看javascript高级程序设计这本书,通过写一些demo帮助加深理解记忆。 此输入数字的文本框在用输入输入字符的时候还有bug 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title></title>
转载 2023-06-06 11:16:55
190阅读
在input的标签中加入以下代码:                                    onkeyup="this.value=value.repl
原创 2023-04-20 07:07:21
164阅读
效果实现绘制宫格分割线 这里我们用一个RectF类型的数组来装载数据。在onSizeChanged方法中获取到控件尺寸,经过计算,将81个位置合适的矩形保存到数组中。绘制点击效果 在onTouchEvent方法中监听手指离开事件,当手指离开,获取到当前点击区域的RectF,并将状态同样保存到一个数组中。绘制输入内容 输入内容利用onTextChanged方法获取,同样保存到一个数组中。PS 控件中
​​含加减输入框​​ <div class="y-detail-main-count">      <div id="buyNumbers" class="y-detail-main-count-number">             <div class="w-number w-number-inline">                     &l
原创 2022-01-14 17:03:17
100阅读
Element的各种宽高度(摘自MDN)属性含义clientWidth表示元素的内部宽度,以像素计。该属性包括内边距,但不包括垂直滚动条(如果有)、边框和外边距。clientHeight只读属性,对于没有定义CSS或者内联布局盒子的元素为0,否则,它是元素内部的高度(单位像素),包含内边距,但不包括水平滚动条、边框和外边距。clientTop一个元素顶部边框的宽度(以像素表示)。不包括顶部外边距或
javascript输入有prompt(),而输出有document.write()、alert()、document.writeln()。其中prompt()方法用于显示可提示用户进行输入的对话。 prompt(text,defaultText) 参数描述text可选。要在对话中显示的纯文本(而不是 HTML 格式的文本)。defaultText可选。默认的输入文本。如果用户单击提示
转载 2023-06-06 09:51:10
553阅读
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head>
转载 2022-03-28 14:57:11
572阅读
CSS美化的漂亮搜索 body{ font: normal 100% 'Arial','Helvetica','Verdana',sans-serif; color: #333; } p { padding: 12px 0; margin: 0; font-size: .8em; line-height: 1.5; } form { margin: 0; } #s
转载 2021-06-17 14:01:31
865阅读
Android EditTextEditTextAndroid 的 EditText在项目和程序代码书写阶段还是经常会使用到的 对于有了一定Android基础后,就会开始追求ui界面的设计所以根据以前书写的项目和代码,自己归纳了一下自己常用的EditText 感觉也比较好用,也有一定的美观度我们先看效果图效果图这是之前一个程序自己编写代码的时候的gif示例图可以看到 上面有一个带动画的搜索感觉有
转载 2024-04-23 16:42:27
252阅读
# 使用 Vue.js 和 iOS 样式输入框与按钮组件 在现代网页开发中,用户界面的美观与交互性对用户体验至关重要。尤其是在移动设备上,良好的 UI (用户界面)设计能有效提升用户满意度。本文将介绍如何在 Vue.js 中制作一个符合 iOS 设计规范的输入框和按钮样式,并提供详细的代码示例和图表概述。 ## iOS 输入框与按钮设计概述 iOS 风格的输入框通常表现为圆角矩形,具有柔和
原创 11月前
266阅读
在iOS开发中,带加减号的数字输入框组件一直是一个常见的需求。我们经常需要用户以直观的方式输入数量,比如购买商品的数量,以及调节音量等场景。这个组件不仅要支持基础的数字输入,还需提供增加和减少的功能,以提升用户体验。 ### 背景定位 在过去,iOS开发中对于输入框的基础处理主要依赖于系统提供的`UITextField`或`UITextView`组件。这些组件虽然功能丰富,但在实现带有加减号的
原创 7月前
77阅读
目录一.问题发现:二.正确案例与错误原理:三.问题解决一.问题发现:笔者在制作登录页面前端时使用elementui+vue技术,发现输入框无法输入任何内容。在上查阅很多文章后发现都无法解决,于是去elementui官网进行反复查看才发现问题所在。最终发现问题是input标签中v-model写的不恰当导致无法生效/忘记书写v-model。如果有相同问题的可以看看本文有可能能帮助解决您的问题,下列解决
转载 2023-10-10 06:06:55
508阅读
Android应用开发中,程序与用户交互的方式会直接影响到用户的使用体验,一直是产品经理们最为注重的部分,而对话又是与用户交互必不可少的部分。我们经常会需要在界面上弹出一个对话,让用户点击对话的某个按钮、选项,或者是输入一些文本,从而知道用户的做了什么操作,或是下达了什么指令。Android中为我们提供了一个类,叫AlertDialog,可以创建很多样式的对话,极大的方便了程序员的编码。下
转载 2023-09-10 18:03:45
294阅读
在现代前端开发中,JavaScript 经常用于实现简单的计算功能,比如两个输入框之间的加减法。这种功能不仅直观易懂,还能帮助我们更好地理解如何处理用户输入。接下来,我将记录下我解决这一问题的过程,包含环境预检、部署架构、安装过程、依赖管理、配置调优和最佳实践等方面。 ## 环境预检 为了顺利进行开发,首先需要确保开发环境的正确配置。这个过程可以通过思维导图进行合理的梳理。 ```merm
原创 6月前
17阅读
效果为:当输入框获得焦点时课输入搜索内容,失去焦点时,如果输入内容为空,输入框的内容显示“请输入关键字”;书写js的思路为:1.第一步获取输入框2.写当输入框获得焦点,(即ondocus)时的函数  获得焦点时,输入框的内容置为空,样式为空,再可以进行输入3.写输入框失去焦点,(即onblur)时的函数  失去焦点,输入框内容为自己输入的内容,如果内容为空,就显示“请输入关键字”; js
测试重点:  一、普通输入框字段校验测试  二、邮箱输入框字段校验测试  三、验证码输入框字段校验测试(假设是4位数字)  四、手机号码输入框字段校验测试(假设限制16个字符,只能输入数字)  异常情况包括如下:  一、普通输入框字段校验测试  01)不输入,空内容  02)输入1个字符  03)若输入框有长度限制为N个字符,测试N-1个字符,N个字符,N+1个字符,N+N+...(超长)这几个边
转载 2023-12-19 23:18:57
148阅读
JS 文本输入框放大镜效果今天下午研究了下 "文本输入框放大镜效果" 当然KISSY官网也有这种组件 请看kissy demo 其实这种效果 对于很多童鞋来说 应该并不陌生!我今年最早也是在 12306官网抢票 中 添加联系人 要填写电话号码中看到这种效果!如下图所示:       所以今天下午也就研究下这个,特此分享出来给大家!&nbs
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录前言一、思路二、封装代码三、使用demo四、实现效果补充 前言利用js封装一个输入框组件,其宽度和高度跟随输入文字内容自适应。最大宽度不超过父元素宽度,能自动换行或按enter键换行。一、思路可以直接使用input或textarea来实现,但是需要动态设置最大和最小宽度。这里使用div结合contenteditable属性来
转载 2023-06-06 19:52:41
271阅读
    今天继续给大家带来比较骚气的操作,js实现文本输入框的特效   把以下代码放置网站底部即可  代码如下:   <script> $(function() {$("img.lazy").lazyload({effect: "fadeIn"});}); $( document ).ready(function()
转载 2023-07-09 13:56:56
740阅读
  • 1
  • 2
  • 3
  • 4
  • 5