首页 > 教程 > 关键词  > Input最新资讯  > 正文

网页表单项Input的高级限制级用法

2008-10-27 13:44 · 稿源:中国设计秀

input高级限制级用法

1.取消按钮按下时的虚线框
在input里添加属性值 hideFocus 或者 HideFocus=true

2.只读文本框内容
在input里添加属性值 readonly

3.防止退后清空的TEXT文档(可把style内容做做为类引用)
<INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput>

4.ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9" >

5.只能为中文(有闪动)
<input onkeyup="value=value.replace(/[ -~]/g,')" onkeydown="if(event.keyCode==13)event.keyCode=9">

6.只能为数字(有闪动)
<input onkeyup="value=value.replace(/[^\d]/g,') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,'))">

7.只能为数字(无闪动)
<input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onKeyPress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false">

8.只能输入英文和数字(有闪动)
<input onkeyup="value=value.replace(/[\W]/g,')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,'))">

9.屏蔽输入法
<input type="text" name="url" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9">

10. 只能输入 数字,小数点,减号(-) 字符(无闪动)
<input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false">

  • 相关推荐
  • 大家在看
  • 网页Twitter也弃用自动剪裁特性 时间轴中可以全图显示

    网页端 Twitter 正在放弃自动剪裁特性。在 Android 和 iOS 端上禁用尴尬的自动剪裁算法之后,现在当你通过浏览器访问网页版 Twitter 之后,你会发现在你时间轴上看到的图片都是未经剪裁的,是全部内容。当你发布自己的图片时也是如此;你会看到一个准确的图片预览,当你发布时不会出现奇怪的格式。该平台把它的全尺寸预览窗口吹嘘为“所见即所得”的推文。Twitter对照片处理方式的持续改变源于去年的自动裁剪争议。一些用户注意到?

  • DNF关于芝麻开箱有惊喜活动网页显示问题说明公告

    DNF的官方最近发布了关于芝麻开箱有惊喜活动网页显示问题说明公告,表示将会对活动的错误进行修复,下面就来为大家分享一下。

  • Google Play在线商店网页版未来体验将更接近移动应用

    移动应用商店自然是为在移动设备上使用而设计的,但总会有一天,人们可能想要或者需要在台式机或笔记本电脑上浏览目录。与iOS应用商店不同,Google的Play商店一直是对"网络友好",允许人们搜索Google提供的东西,甚至从网络浏览器安装Android应用。然而,网络上的Google应用商店还没有完全跟上该公司其他的设计变化。这终于很快发生了,但这一变化可能不会让所有人都满意。自从Google真正改变Play Store在网络浏览器上的外观以来已

  • 微软为网页版 OneDrive 带来新的照片编辑功能

    据Neowin报道,虽然OneDrive是微软为云存储设计的解决方案,但其还整合了多种丰富功能。微软今天宣布为 OneDrive 提供新的线上照片编辑功能。

  • WebRTC正当时:凡泰极客网页实时通讯技术线上专题会成功举办

    近日,凡泰极客联合声网Agora、环信共同推出的「WebRTC正当时」线上直播活动成功举办。活动邀请到了凡泰极客创始人梁启鸿先生、声网Agora WebRTC 高级工程师赵逸笙、环信即时通讯云产品总监王璨以及凡泰极客 FinClip 前端负责人徐鹏等专家共话WebRTC 的前世、今生与未来。2021 年 1 月,W3C 正式宣告1. 0 标准(“ WebRTC1.0:Real-Time Communication Between Browser ”)启用,WebRTC 已经历了整整 10 年的发展。时至今日,伴随短?

  • 阿里云盘:网页下载文件超100MB需先安装PC版

    近日,有网友反馈称,阿里云盘规则有所调整:当网页版下载文件大小超过100MB,需要打开桌面端进行下载。官方对此并未做出解释,猜测可能是为了鼓励大家安装阿里云盘PC版。今年3月启动公测后,阿里云盘持续保持不限速”、不打扰”原则,吸引了一波用户。尽管网页下大文件不再方便,但目前依然支持在线播放视频,下载、上传速度也没有限制,依然是目前国内最好用的免费网盘。阿里云盘的目标绝不止是帮用户存放文件这么简单,在阿里云

  • Google提议用“检查”功能应对Linux内核的内存崩坏问题

    上周,Google 工程师发现了一个引用数据下溢(reference count underflow)问题,且一路可追溯到 2017 年的 Linux 4.14 内核。这个偶然发现的问题,会导致内存从一个进程泄露到另一个进程。为化解此类内存缺陷,Google 提出了一个全新的“页表检查”(Page Table Check)解决方案。问题从 Linux 4.14 延续到 Linux 5.16(来自:Kernel.org)除了 Google,近期还有不少合并提交修复了其它引用计数问题。但若“页表检查”功能推广开?

  • 苹果示可能会扩大其 App Store 抽成范围

    苹果表示可能会扩大其App Store的抽成范围,即无论开发商使用苹果的支付系统还是其他支付渠道,苹果都有可能对交易收取佣金。下周,这家科技巨头必须开始执行联邦法院在与《堡垒之夜》开发商Epic Games的法律斗争中发出的禁令。9月10日的命令称,苹果公司必须在90天内允许开发者在其应用程序中加入按钮或链接,让人们有机会在其应用程序商店之外购买数字产品。

  • AppleToo核心组织者对苹果宣称的不会让员工保持沉默的说法示怀疑

    #AppleToo运动的核心组织者Cher Scarlett称苹果在她离开公司后试图让她签署一份严格的保密协议。Scarlett是#AppleToo运动的早期创始人,该运动试图让人们了解苹果存在的种族主义、性别歧视、不平等和其他问题。在跟苹果达成和解后,Scarlett同意离开公司并放弃对国家劳工关系委员会的投诉。在达成协议后不久,苹果的律师试图让Scarlett签署严格的不披露和不诋毁条款以此作为离职协议的一部分。协议中的一些语言确切地列出了苹果希?

  • Pixel Watch再次现身,谷歌又要逐梦智能手

    ​相比于Android在智能手机市场与苹果的iPhone势均力敌,在智能手表领域Apple Watch则可谓是独占鳌头,Android阵营几乎不是其一合之敌。而为了扭转这种颓势,谷歌找来了三星,并将Tizen与Wear OS进行整合,并在今年三星发布的Galaxy Watch4系列上搭载了这一全新的Wear OS操作系统。

这篇文章对你有价值吗?

  • 热门标签

热文

  • 3 天
  • 7天