`

转:input相关属性设置,对输入内容的限制

阅读更多
■取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 
<input type="submit" value="提交" hidefocus="true" /> 

■只读文本框内容,在input里添加属性值 readonly 
<input type="text" readonly /> 

■防止退后清空的TEXT文档(可把style内容做做为类引用) 
<input type="text" style="behavior:url(#default#savehistory);" /> 

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

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

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

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

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

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

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

■只能输入两位小数,三位小数(有闪动) 
<input type="text" maxlength="9" onkeyup="if(value.match(/^\d{3}$/))value=value.replace(value,parseInt(value/10)) ;value=value.replace(/\.\d*\./g,'.')" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || value.match(/^\d{3}$/) || /\.\d{3}$/.test(value)) {event.returnValue=false}" /> 

 

引用的连接地址:http://www.teamwiki.cn/php/html%E4%B8%AD%E7%9A%84input%E7%9B%B8%E5%85%B3?rev=1261724764

分享到:
评论

相关推荐

    HTML5&CSS3网页制作:Input元素的其他属性.pptx

    这三个属性用于限制number、date、range等类型Input元素的输入值范围。min规定最小值,max规定最大值,而step定义了合法的数字间隔。例如,`&lt;input type="number" min="1" max="10" step="2"&gt;`创建了一个只能输入1...

    用JS控制INPUT输入内容

    ### 使用JavaScript控制INPUT输入内容详解 #### 一、概述 在网页开发中,为了提高用户体验并确保数据的有效性,我们经常需要对用户输入的数据进行控制和验证。通过使用JavaScript(简称JS),我们可以轻松地实现这...

    vue:el-input输入时限制输入的类型操作

    本文将会详细地介绍如何在使用Vue开发过程中,对el-input输入框进行输入限制。 首先,我们知道el-input组件在不同场景下有不同的使用方法。对于非动态字段,我们可以通过监听输入事件来限制输入。比如要限制输入为...

    JS控制input_输入字符限制

    在JavaScript(JS)中,对`input`元素的输入进行限制是常见的需求,尤其是在构建前端表单时。本文将详细讲解如何使用JavaScript控制`input`输入的字符限制,包括限制输入类型、屏蔽输入法以及禁用编辑等。 1. **...

    最全的常用限制input的方法

    最全的常用限制input标签的方法 1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容,在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类...

    input,验证,闪动,自动删除,限制输入

    以上内容总结了给定文件中的关键知识点,包括不同类型的输入限制、IME模式的设置、输入验证提示以及自定义验证函数的编写。这些技巧可以帮助开发者更好地控制用户的输入行为,提高应用的安全性和用户体验。

    JS控制 input 输入字符限制

    在JavaScript中,对`input`元素的输入进行字符限制是一种常见的前端验证技术,它能确保用户输入的数据符合特定格式或规则,从而提高数据质量和用户体验。本文将深入探讨如何使用JavaScript和正则表达式来实现这一...

    js各种限制input输入汇总

    这里通过`onkeyup`事件对输入的内容进行处理,限制最多三位整数和三位小数,并通过`onkeypress`事件限制输入。 #### 十二、只能输入数字,支持小数点 如果希望输入框只能输入数字,包括小数点,可以通过监听键盘...

    input框只能输入数字和一个小数点

    ### 知识点二:JavaScript实现数字和小数点输入限制 这部分涉及到了JavaScript的事件监听器和字符串处理技术。以下是一种可能的实现方式: ```javascript // 获取input元素 var input = document.getElementById('...

    js input 密码只能输入数字或字母

    在JavaScript(JS)中,为实现输入框(input)只允许用户输入数字或字母的功能,我们需要对用户的输入进行实时验证。这种需求在很多Web应用中都常见,比如注册、登录页面的密码输入。以下是一个详细的方法来实现这个...

    input限制输入数值金额数值小数点符号

    例如,可以添加`pattern`属性定义一个正则表达式,限制输入只能是数字和一个小数点: ```html &lt;input type="text" pattern="^\d+(\.\d{1,2})?$" title="请输入最多两位小数的金额"&gt; ``` 此正则表达式允许一个...

    只能输入数字的EditBox,其它字符无法输入

    此外,`NumEdit`可能是自定义的EditBox组件,它可能扩展了EditText类并实现了更复杂的输入限制功能,如防止用户复制粘贴非数字文本,或者提供了额外的错误处理和反馈机制。 总结来说,创建一个只能输入数字的...

    A0208EditText的使用1

    - 可以通过设置 `TextWatcher` 监听输入框的文本变化,实现对用户输入的实时处理或验证。 5. **错误提示** - 使用 `setError()` 方法可以设置错误提示信息,帮助用户纠正输入。 6. **输入过滤器(InputFilter)*...

    安卓一些整理的界面笔记

    在安卓开发中,`android:inputType` 属性用于定义输入框中的输入内容类型,它决定了键盘的显示样式及输入行为。了解这些取值对于优化用户体验至关重要。 - **普通字符输入** - `android:inputType="none"`:输入...

    input 标签的属性

    本文将详细介绍`&lt;input&gt;`标签的各种类型及其相关属性,并通过示例帮助理解这些属性的作用。 #### 二、常见类型与属性 ##### 1. `type="text"` - 文本输入框 文本输入框是最基本的一种输入类型,主要用于收集用户的...

    火狐input只能输入数字

    火狐浏览器和其他现代浏览器都提供了相应的机制来限制`input`元素的输入类型。在本篇文章中,我们将深入探讨如何在火狐中实现只允许用户输入数字的功能。 首先,我们可以使用HTML5的`type`属性来定义`input`元素的...

    js限制文本框输入内容

    在实际应用中,开发者可能需要根据具体需求对这些知识点进行组合和扩展,以实现更加灵活和个性化的输入限制。例如,结合HTML5的`pattern`属性可以在HTML层面对输入格式进行初步约束,再配合JavaScript进行二次校验。...

    vue-pattern-input:使用RegExp限制输入

    Vue组件使用RegExp限制用户的输入。 就像本机输入元素一样,您可以添加maxlength class属性。 您也可以使用v-model 。 English | 目录 现场演示 只需单击: 。 包含什么 在下载文件中,您将找到以下目录和文件,...

    控制textarea文本长度,并限制输入字数(带统计显示)

    在上述代码中,我们为`textarea`添加了一个`maxlength`属性,设置最大输入字数为100。然后,通过JavaScript获取`textarea`和显示字数统计的`span`元素,添加事件监听器`'input'`。当`textarea`内容改变时,更新字数...

    Flex中TextInput组件设置限制某些字符的输入的方法

    在Flex中,TextInput组件是用来允许用户输入文本的界面元素,而restrict属性则用于限制用户输入的文本内容,从而达到控制用户输入的目的。restrict属性支持正则表达式,这使得它能够灵活地定义允许或禁止输入的特定...

Global site tag (gtag.js) - Google Analytics