`
jeelee
  • 浏览: 634519 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

html 中的 文本框设置

阅读更多
禁用:非常简单的方法:disabled="true" ,

收集了一些对input进行限制的方法

1.取消按钮按下时的虚线框

引用  在input里添加属性值 hideFocus 或者 HideFocus=true


2.防止退后清空的TEXT文档(可把style内容做做为类引用)

Html代码
<INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput>   

<INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput>


3.ENTER键可以让光标移到下一个输入框

Html代码
<input onkeydown="if(event.keyCode==13)event.keyCode=9" >   

<input onkeydown="if(event.keyCode==13)event.keyCode=9" >


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

<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9">


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

<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9">


6.只能为数字(有闪动)

Html代码
<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">   

<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">


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

<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.只能输入英文和数字(有闪动)
Html代码
<input onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">   

<input onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">


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

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



10. 只能输入 数字,小数点,减号(-) 字符(无闪动)

Html代码
<input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false">    

<input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false">



11. 只能输入两位小数,三位小数(有闪动)

Html代码
<input 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}" id=text_kfxe name=text_kfxe>   
分享到:
评论

相关推荐

    html透明文本框

    在提供的压缩包文件中,`html文本框透明.html`很可能是包含这些代码的示例文件,而`说明文档.txt`则可能详细解释了代码的用法和原理。对于初学者来说,这是一个很好的实践案例,可以帮助理解HTML和CSS的交互。

    将文本框设置为各种读写状态

    在不同的应用场景中,我们可能需要将文本框设置为不同的读写状态,以满足功能需求或用户交互体验。本篇文章将详细讲解如何将文本框设置为不可用、只读和只写状态,并探讨这些状态在实际应用中的意义。 首先,我们将...

    文本框设置默认值、验证以及提交

    在HTML中,可以通过`value`属性预先设定文本框的初始显示内容。例如: ```html 默认值"&gt; ``` 若需通过JavaScript或jQuery动态设置默认值,可以使用`val()`函数: ```javascript $("#myTextBox").val("新的默认值...

    文本框设置默认值和验证提交

    在JavaScript中,我们也可以通过DOM操作动态设置文本框的默认值。例如: ```javascript document.getElementById('name').value = '请输入姓名'; ``` 在React等现代前端框架中,可以这样设置: ```jsx 请输入姓名...

    HTML的文本框效果

    ### 一、HTML文本框基础 #### 1.1 `&lt;input&gt;`标签 - **作用**:用于创建各种输入控件,如文本框、密码框、按钮等。 - **类型属性`type`**:定义了控件的具体类型,如"text"表示文本框。 #### 1.2 `style`属性 - **...

    HTML复文本框自行下载

    在本压缩包中,包含了一些与HTML复文本框相关的文件和资源,如编辑器的核心库、配置文件、语言包、主题和对话框等。 1. **ueditor.all.js** 和 **ueditor.all.min.js**: 这是UEditor的完整版本,包含所有功能。未...

    html 文本框限制 大全

    HTML的`&lt;input&gt;`标签提供了一个`maxlength`属性,可以限制用户在文本框中输入的最大字符数。例如,`&lt;input type="text" maxlength="10"&gt;`将限制输入不超过10个字符。 2. **类型限制**: `type`属性可以指定文本框...

    易语言HTML文本框源码

    2. **界面布局**:在程序中设置文本框的位置和大小,可以使用坐标和尺寸相关的函数。例如,“设置窗口部件位置”和“设置窗口部件大小”。 3. **属性设置**:HTML文本框有许多可设置的属性,如ID、初始文本、是否可...

    HTML文本框样式

    在探讨“HTML文本框样式”这一主题时,我们不仅会涉及基本的HTML元素,还会深入到CSS和JavaScript的综合运用,以实现丰富的文本框样式效果。以下是对标题、描述及部分代码示例中的知识点进行的详细解读: ### HTML...

    HTML文本框.rar

    HTML文本框是网页设计中不可或缺的元素,它们用于获取用户输入数据或展示静态文本。在HTML中,文本框由`&lt;input&gt;`标签定义,类型通常设置为"text"。本资源"HTML文本框.rar"可能包含了一个易语言编写的源代码示例,...

    html限制文本框输入小数点 数字 字母 汉字 等

    ### HTML限制文本框输入小数点、数字、字母、汉字等知识点详解 #### 知识点一:HTML与...以上是关于如何在HTML中限制文本框输入的具体实现方法。通过这些技术,可以有效地控制用户的输入,确保数据的有效性和安全性。

    点击文字显示在文本框里HTML代码.rar

    当点击事件发生时,获取该元素的文本内容,并将其设置为ID为`displayBox`的文本框的值,从而实现了点击文字后在文本框中显示文字的效果。 总结一下,这个压缩包中的HTML代码示例展示了如何利用HTML和JavaScript实现...

    文本框获取节点文本框获取节点

    文本框,通常指的是HTML中的`&lt;input type="text"&gt;`元素或`&lt;textarea&gt;`元素,它们用于用户输入文本。获取这些节点是构建交互式网页、处理表单数据以及实现动态功能的关键步骤。下面将详细阐述这一知识点。 首先,...

    c++,web设置静态文本框的透明,不同文本框可以设置不同 文字大小颜色,背景颜色

    这里我们将探讨如何在C++的GUI环境中设置静态文本框的透明度、文字大小、颜色以及背景颜色。 1. **设置透明度**: - 对于支持透明度的库,例如Qt,你可以通过设置窗口部件(Widget)的`setAttribute()`函数来启用...

    JavaScript,HTML建立一个简单界面,要求文本框中只能输入字母.html

    JavaScript,HTML建立一个简单界面,要求文本框中只能输入字母.这是网上常见的实验指导书里面的作业,个人练习捣鼓出来的东西,希望对小白们有所帮助

    文本框取鼠标事件文本框取鼠标事件

    - 在 `onblur` 事件中,如果文本框为空,则将其值设置为预设值。 ### 总结 通过上述分析,我们了解了如何在网页中使用文本框并为其添加鼠标事件处理功能。具体而言,使用 `onfocus` 和 `onblur` 事件可以有效地...

    HTML5文本框类型.pdf

    HTML5文本框类型是JQuery Mobile中最常用的表单类型组件之一,除了支持最基本的文本类型外,还支持HTML5标准规范的新文本类型。这些类型包括普通文本框、密码类型文本框、文本类型文本框、Number类型文本框、tel类型...

    在js(jquery)中获得文本框焦点和失去焦点的方法

    先来看javascript的直接写在了input上 代码如下: &lt;input name=”pwuser” type=”...” /&gt; &lt;input name=”pwpwd” type=”password” class=”input1″ value=”******” onBlur=”if(this.value==”) this.va

    圆角文本框的实现

    在 Eric Gao 的博文中,他可能展示了如何在`index.html`中编写HTML代码,并通过内联样式或外部CSS文件来实现圆角文本框的效果。 为了进一步提升用户体验,开发者还可以考虑使用响应式设计,确保圆角文本框在不同...

    炫酷HTML5文本框文字输入粒子动画特效

    一款十分炫酷的HTML5文本框文字输入粒子动画特效,当输入文字的时候,输入框中就会出现炫酷好看的粒子动画特效,输入框边框也会出现发光的效果。

Global site tag (gtag.js) - Google Analytics