html禁止文本框输入

 禁止文本框输入的几个常用标签input中有几个属性,分别是readonly、disabled、autocomplete,下面还是来看看这几个标签的使用。

一、html禁止input文本框输入

readonly 属性规定输入字段为只读。只读字段是不能修改的。不过,用户仍然可以使用tab键切换到该字段,还可以选中或拷贝其文本。

<input readonly="readonly" value="xxxx"/>

加入type="text属性的代码编写:

<input type="text" name="www.xxx" readonly="readonly" /> 

disabled 属性规定应该禁用 input 元素。被禁用的 input 元素既不可用,也不可点击,也是不能选择。可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。当然,我们也可以就需要通过 JavaScript 来删除disabled值,将input元素的值切换为可用。

 

<input disabled="disabled" value="xxxx"/>

加入type="text属性的代码编写:

<input type="text" name="www.xxx.com" disabled="disabled" /> 

二、css屏蔽input不输入:css的代码如下:

<input style="ime-mode: disabled"> 

三、前面有涉及到autocomplete这个属性,其实这个属性也是可以这里就运用到让文本框禁止输入上。具体代码如下:

<input type="text" autocomplete="off" id="number"/> 

autocomplete解释:input 的属性autocomplete 默认为on。其含义代表是否让浏览器自动记录之前输入的值。很多时候,需要对客户的资料进行保密,防止浏览器软件或者恶意插件获取到。可以在input中加入autocomplete="off" 来关闭记录,所以说如果是不让input输入或者对系统需要保密的情况下可以使用此参数。

时间: 2025-01-30 04:09:22

html禁止文本框输入的相关文章

ASP.NET文本框TextBox可用,但禁止文本框输入

  $("#<%=TextClientName.ClientID %>").focus(function () { $(this).blur(); });   

jQuery实现文本框输入同步的方法_jquery

本文实例讲述了jQuery实现文本框输入同步的方法.分享给大家供大家参考.具体如下: 这段jquery代码可以保持一个文本框输入的同时另外一个文本框与之同步 var $inputs = $(".example-input"); $inputs.keyup(function() { $inputs.val($(this).val()); }); 希望本文所述对大家的jQuery程序设计有所帮助. 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎

如何禁止文本框的记忆功能方法集锦_实用技巧

然而做为网站开发者来说, 并不希望什么资料都记忆在用户的电脑上(如银行帐号和其它重要的帐号及密码), 但是我们又不能要求用户禁用自动完成的功能. 幸好IE5.0后为 INPUT type=password, INPUT type=text, FORM 等控件加入了一个 AUTOCOMPLETE的属性,要禁止控件自动完成功能,只需把AUTOCOMPLETE设为off即可,如: 整个表单禁止自动完成 复制代码 代码如下: <FORM method=post action="submit.asp

IOS开发中取消文本框输入时的小键盘

  这篇文章主要介绍了IOS开发中取消文本框输入时的小键盘,需要的朋友可以参考下 首先在Interface Builder中选择TextFields,然后在Text Field Attributes中找到Text Input Traits,选择Return Key为done.OK 定义方法 - (IBAction) textFieldDoneEditing:(id)sender; //按下Done键关闭键盘 实现方法 代码如下: //按完Done键以后关闭键盘 - (IBAction) text

js控制文本框输入的字符类型方法汇总

这篇文章主要给大家汇总介绍了js控制文本框输入的字符类型的各种方法,十分的简单实用,有需要的小伙伴可以参考下.     JS 控制文本框只能输入数字    代码如下: <input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu ="value=value.replace(/[^0-9]/g,''

jQuery实现文本框输入同步的方法

  本文实例讲述了jQuery实现文本框输入同步的方法.分享给大家供大家参考.具体如下: 这段jquery代码可以保持一个文本框输入的同时另外一个文本框与之同步 ? 1 2 3 4 var $inputs = $(".example-input"); $inputs.keyup(function() { $inputs.val($(this).val()); }); 希望本文所述对大家的jQuery程序设计有所帮助.

jQuery实现限制textarea文本框输入字符数量的方法

  本文实例讲述了jQuery实现限制textarea文本框输入字符数量的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 (function($) { $.fn.extend( { limiter: function(limit, elem) { $(this).on("keyup focus", function() { setCount(this, elem); }

js/jquery获取文本框输入焦点的方法

 本篇文章主要是对js/jquery获取文本框输入焦点的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 方法一.    代码如下:  function CheckForm() {              if(document.form1.trainingName.value==""){                      alert("培训班名称不能为空!");                      document.form1.trai

jQuery实现限制textarea文本框输入字符数量的方法_jquery

本文实例讲述了jQuery实现限制textarea文本框输入字符数量的方法.分享给大家供大家参考.具体实现方法如下: (function($) { $.fn.extend( { limiter: function(limit, elem) { $(this).on("keyup focus", function() { setCount(this, elem); }); function setCount(src, elem) { var chars = src.value.lengt