JavaScript文本框脚本编写的注意事项

2019-09-02 13:51 来源:未知

在HTML中,有两种方法来显现文本框:

JavaScript文本框脚本编写的注意事项,javascript文本框

在HTML中,有两种艺术来表现文本框:

一种是运用input成分的单行文本,另一种是行使textarea的多行文本框。

应用input格局,必须增添type,设置为“text”。

  • size**特点,能够钦命文本框内能够显示的字符数。**
  • value**性情能够安装文本框的早先值。**
  • maxlength**性情则是用以钦定文本框内能够承受的最大字符数。
    **

textarea的开首值则必得放在初阶和得了标签之内。

  • cols**是文件框字符行数;
    **
  • rows**是文本框字符列数;
    **

其余,无法在HTML中给textarea钦点最大字符数;

一、选用文本

上述二种文本框都支持

  • select()方法,那些点子首要用于选取文本框中的全部文件。不收受任何参数。
  • 与这一个办法对应的select事件,在增选了文本框中的文本时事件触发。

1、select()方法

上边包车型客车代码是倘诺文本框获得主旨,就能够选用任何的文书:

var textBox = document.getElementById("myForm").elements["firstName"];
//设置默认值
textBox.value = "input your firstName";
//设置事件
textBox.addEventListener("focus", function () {
  event.target.select();
});

2、select事件

几时触发该事件:

  • 相似情状下只有顾客选取了文件(並且要释放鼠标),才会触发select事件;
  • IE8及更早版本中,只要客商挑选了壹个假名(不必释放鼠标),就能够触发select事件;
  • 在调用select()方法时也会触发;

如:

var textBox = document.getElementById("myForm").elements["firstName"];
//设置默认值
textBox.value = "input your firstName";
//设置事件
textBox.addEventListener("select", function () {
  console.log("selected");
});

3、获得采纳的公文

行使多少个天性:

  • selectionStart
  • selectionEnd

这两特性格保存的是基于0的数值,表示所选择文本的限制(偏移量)。由此要拿走客户挑选的文本框中的文本,能够采用如下代码:

var textBox = document.getElementById("myForm").elements["firstName"];
//设置默认值
textBox.value = "input your firstName";
//设置事件
textBox.addEventListener("select", function () {
  var selected = textBox.value.substring(textBox.selectionStart,textBox.selectionEnd);
  console.log(selected); 
});

其余,也可以用该属性来设置当得到宗旨的时候私下认可全选的状态:

textBox.addEventListener("focus", function () {
  textBox.selectionStart = "0";
  textBox.selectionEnd = textBox.value.length;
});

或者:

textBox.addEventListener("focus", function () {
  textBox.blur();
});

但是,使用selectionStart/End属性时,IE8不辅助,但接济另一个名称叫

  • document.selection对象,该指标保存着客商在一切文书档案范围内选取的公文音讯

获得选取的文件的万分版本为:

function getSelectedText (textbox) {
  if (typeof textbox.selectionStart == "number") {
    return textbox.value.substring(textbox.selectionStart,textbox.selectionEnd);
  }else if (document.selection) {
    return document.selection.createRange().text;
  }
}

二、选取部分文件

分选一些文件的法子是:

setSelectionRange()方法。接收八个参数:要采取第三个字符的目录和最终三个字符的目录。
如阻止顾客采纳:

textBox.addEventListener("focus", function () {
  textBox.setSelectionRange(0,0);
});
textBox.addEventListener("select", function () {
  textBox.setSelectionRange(0,0);
});

要调用setSelectionRange()在此以前或未来随将要主旨设置到文本框。而IE中使用的章程是适用范围来消除文本的标题:

var range = textBox.createTextRange();
range.collapse(true); //范围折叠到开头
range.moveStart("Character",0);
range.moveEnd("Character",textBox.value.length);
range.select();

合营版本:比较常用

function selectText(textbox, startIndex, stopIndex) {
  if (textbox.setSelectionRange) {
    textbox.setSelectionRange(startIndex, stopIndex);
  } else if (textbox.createTextRange()) {
    var range = textbox.createTextRange();
    range.collapse(true); //范围折叠到开头
    range.moveStart("Character", startIndex);
    range.moveEnd("Character", stopIndex);
    range.select();
  };
}

三、过滤输入

1、屏蔽字符

下边包车型大巴代码仅允许输入数字:

var textBox = document.getElementById("myForm").elements["firstName"];
textBox.autofocus = true;
textBox.addEventListener("keypress", function () {
  if (!/d/.test(String.fromCharCode(event.charCode))) { //仅输入数字
    event.preventDefault();
  };
});

然则一些浏览器会对向上、下键、退格键触发keypress事件,所以供给对那些常用的操作键撤消禁止,只要不遮掩那贰个字符编码小于10的键即可:

textBox.addEventListener("keypress", function () {
  if (!/d/.test(String.fromCharCode(event.charCode)) && event.charCode > 9 && !event.ctrlKey) { //仅输入数字
    event.preventDefault();
  };
});

四、操作剪贴板

以下是6个剪贴板事件

  • beforecopy:在发生复制操作前触发
  • copy:在发生复制时触发
  • beforecut:在爆发剪贴前操作
  • cut:在发生加贴时操作
  • beforepaste:在发生黏贴操作前触发
  • paste:在发出黏贴操作时触发

如设置禁止拷贝:

//拷贝之前提示禁止拷贝
textBox.addEventListener("beforecopy", function() {
  textBox.value = "do not copy";
});
//拷贝时禁止拷贝
textBox.addEventListener("copy", function() {
  event.preventDefault();
});

要访谈剪贴板中的数据,能够行使clipboardData对象,在IE中,那个目的是window对象的性质,在friefox,safari和chrome,这一个目的是呼应event对象的特性;在IE中可以随时访谈该指标;但在任何浏览器中唯有在拍卖剪贴板事件之间才有效。

以此clipboardData对象有四个格局:

  • getData()
  • setData()
  • clearData()

getData()接收多个参数,即要获得数据的格式(IE中有二种多少格式:text和U悍马H2L;在其余浏览器中那一个参数是一种MIME类型;但是可以用text替代text/plain)。

setData()接收多少个参数,即数据类型和要放在剪贴板中的文本。(第几个参数中,IE支持text和UHavalL;首个参数中chrome和safari不帮助text类型);那三个浏览器在成功将文件放到剪贴板中后,都会回去true;不然,再次回到false:

function getClipboardText(event) {
  var clipboardData = (event.clipboardData || window.clipboardData);
  return clipboardData.getData("text");
}

function setClipboardText(event, value) {
  if (event.clipboardData) {
    return event.clipboardData.setData("text/plain", value);
  } else if (window.clipboardData) {
    return window.clipboardData.setData("text", value);
  }
}

脚下浏览器渐渐收紧对拜会剪贴板的操作。

五、自动切换宗旨

辩驳上正是在前一个文本框中的字符打到最大额后,自动将焦点切换来下三个文本框:

DOM:

<form action="">
  <input type="text" name="tel11" id="txtTel1" maxLength="3">
  <input type="text" name="tel12" id="txtTel2" maxLength="3">
  <input type="text" name="tel13" id="txtTel3" maxLength="4">
  <input type="submit" name="btn" id="btn" value="submit">
</form>

js:

var textbox1 = document.getElementById("txtTel1");
var textbox2 = document.getElementById("txtTel2");
var textbox3 = document.getElementById("txtTel3");

textbox1.addEventListener("keyup", tabForward);
textbox2.addEventListener("keyup", tabForward);
textbox3.addEventListener("keyup", tabForward);

function tabForward() {
  var target = event.target;
  //当value长度等于最大值的时候
  if (target.value.length == target.maxLength) {
    var form = target.form;
    //遍历所在的form表单中的元素
    for (var i = 0, len = form.elements.length; i < len; i++) {
      //如果该元素是目标元素
      if (form.elements[i] == target) {
        //并且该元素的下一个元素为true 其他条件
        if ((form.elements[i + 1]) && (form.elements[i + 1].nodeType == 1) && (form.elements[i + 1].tagName.toLowerCase() == "input") && (form.elements[i + 1].type == "text")) {
          //则下个元素获得焦点
          form.elements[i + 1].focus();
        }
      }
    };
  }
}

六、HTML5约束验证API

1、必填字段required属性

在必填字段中增加属性required。它适用于input,textarea,select字段。使用上面包车型大巴代码能够检查测试浏览器是或不是帮忙required属性:

var isRequiredSupported="required" in document.createElement("input");

2、其余输入类型

input的type属性增添了“email”和“url”;各浏览器也都为它们增加了定制的认证机制:

var input = document.createElement("input");
input.type = "email";
var isEmailSupported = (input.type == "email");

3、数值范围

而外“email”和“U福睿斯L”,HTML5还定义了别的多少个输入成分。那多少个成分都供给填写基于数字的值:“number”,“range”,“datetime”,“datetime-local”,“date”,“mouth”,“week”,“time”。前段时间浏览器对那个项目援助并倒霉,尽管真想行使的话要小心。

对这件事数值类型的输入成分得以内定min属性,max属性,step属性。同不经常候那么些数值类型成分还会有多个艺术:stepUp(),stepDown()。都承受多少个参数,要在现阶段基础上充裕或减少的数值。

DOM:

<form action="">
  <input type="range" name="tel14" id="txtTel4" required min="10" max="20" step="1">
  <input type="button" value="up" id="up">
  <input type="text" id="output">
  <input type="submit" name="btn" id="btn" value="submit">
</form>

js:

var input = document.getElementById("txtTel4");
var up = document.getElementById("up");

input.addEventListener("mousemove", function () {
  var output = document.getElementById("output");
  output.value = input.value;
});
up.addEventListener("click", function () {
  //点击value值以2为单位增加
  input.stepUp(2);
  var output = document.getElementById("output");
  output.value = input.value;
});

3、输入形式

HTML5猛增了pattern属性,那特性子的值是贰个正则表明式,用于相称文本框中的值。

<input type="text" id="number" pattern="d{3}">

var num = document.getElementById("number");
console.log(num.pattern); //d{3}

能够使用以下代码来检查测量检验浏览器是还是不是扶助pattern属性:

var isPatternSupported="pattern" in document.createElement("input");

4、检验有效性

使用checkValidity()方法能够检查实验表单中的字段是不是可行。全部表单的字段都有其一点子,假如检查有效重返true。

<form action="">
  <input type="text" pattern="w" id="name" required>
  <input type="number" max="10" id="num" required>
  <input type="button" id="check" value="check">
  <input type="submit" id="submit" value="submit" disabled>
</form>

var form = document.forms[0];
var name = document.getElementById("name");
var number = document.getElementById("num");
var check = document.getElementById("check");
var submit = document.getElementById("submit");

check.addEventListener("click", function () {
  console.log(form.checkValidity()); //检测整个表单是否正确
  if (form.checkValidity()) {
    submit.removeAttribute("disabled");
    check.disabled = true;
  }else{
    alert("请检查表单");
  }
});

input的validity属性会付出什么字段有效和低效的切实可行消息。

var inputName = document.getElementById("inputName");
inputName.onblur = function() {
  if (inputName.checkValidity()) {
    inputName.style.color = "white";
    inputName.style.backgroundColor = "green";

  } else {
    inputName.style.color = "white";
    inputName.style.backgroundColor = "red";
    if (inputName.validity.patternMismatch) {
      inputName.value = "请填写正确的格式";
    }
  }
};
inputName.addEventListener("mouseenter", function () {
  inputName.focus();
  inputName.select();
});

validity主要满含下列属性:

  • customError:是还是不是设置了setCustomValidity();
  • patternMismatch:是还是不是与pattern属性匹配;
  • rangeOverflow:是否比max值大;
  • rangeUnderflow:是否比min值小;
  • stepMisMatch:步长是还是不是创制;
  • tooLong:是不是超过了maxlength;
  • typeMismatch:是还是不是不是mail类型和url类型;
  • valid:如若这里的别的质量都是false,重临true;
  • valueMissing:如若为required中未有值,重返true。

5、禁用验证

透过安装表单的novalidate属性,能够是表单不开展认证。用js获取form之后,设置它的novalidate属性为true,会禁止使用表单验证。

在付出按键上加多formnovalidate属性,会不表明提交表单。用js获取submit开关之后,设置它的formnovalidata属性为true,会禁用表单验证并交给。
以上正是本文的全部内容,希望对大家的读书抱有辅助。

一种是利用input成分的单行文本,另一种是采纳textarea的多行文本框。

你也许感兴趣的小说:

  • javascript之文本框输入四个数字自动加空格的本子
  • js加多删除行和双击变文本框的脚本
  • 变动文本框字体颜色的js脚本
  • js限制文本框输入长度二种限制措施(长度、字节数)
  • JS文本框不可能输入空格验证方式
  • JS调控文件框textarea输入字数限制的措施
  • 鼠标宗旨离开文本框时表达的js代码
  • js获取光标位置和装置文本框光标地点示例代码
  • JS推断文本框内容退换事件的简短实例
  • js限制文本框只好输入数字艺术小结

在HTML中,有二种艺术来表现文本框: 一种是选择input成分的单行文本,另一种是行使...

行使input格局,必需增多type,设置为“text”。

  • size**特点,能够钦点文本框内能够体现的字符数。**
  • value**质量能够设置文本框的开始值。**
  • maxlength**特点则是用于内定文本框内尚可的最大字符数。
    **

textarea的初步值则必得放在初步和告竣标签之内。

  • cols**是文本框字符行数;
    **
  • rows**是文件框字符列数;
    **

别的,不能够在HTML中给textarea钦赐最大字符数;

一、选拔文本

上述二种文本框都支持

  • select()方法,那几个措施主要用来选拔文本框中的全部文件。不接受任何参数。
  • 与那几个点子对应的select事件,在挑选了文本框中的文本时事件触发。

1、select()方法

上边包车型大巴代码是一旦文本框得到主题,就能挑选任何的公文:

var textBox = document.getElementById("myForm").elements["firstName"];
//设置默认值
textBox.value = "input your firstName";
//设置事件
textBox.addEventListener("focus", function () {
  event.target.select();
});

2、select事件

何时触发该事件:

  • 一般景象下唯有客商选取了文件(并且要释放鼠标),才会触发select事件;
  • IE8及更早版本中,只要客商选用了四个假名(不必释放鼠标),就能够触发select事件;
  • 在调用select()方法时也会触发;

如:

var textBox = document.getElementById("myForm").elements["firstName"];
//设置默认值
textBox.value = "input your firstName";
//设置事件
textBox.addEventListener("select", function () {
  console.log("selected");
});

3、获得选取的文件

选取多少个属性:

  • selectionStart
  • selectionEnd

这两日个性保存的是基于0的数值,表示所选用文本的限量(偏移量)。因而要博取客户选用的文本框中的文本,能够使用如下代码:

var textBox = document.getElementById("myForm").elements["firstName"];
//设置默认值
textBox.value = "input your firstName";
//设置事件
textBox.addEventListener("select", function () {
  var selected = textBox.value.substring(textBox.selectionStart,textBox.selectionEnd);
  console.log(selected); 
});

其余,也得以用该属性来安装当获得核心的时候默许全选的动静:

textBox.addEventListener("focus", function () {
  textBox.selectionStart = "0";
  textBox.selectionEnd = textBox.value.length;
});

或者:

textBox.addEventListener("focus", function () {
  textBox.blur();
});

不过,使用selectionStart/End属性时,IE8不辅助,但支撑另多少个名字为

  • document.selection对象,该对象保存着客户在全路文书档案范围内接纳的文件消息

赢得采用的文件的合营版本为:

function getSelectedText (textbox) {
  if (typeof textbox.selectionStart == "number") {
    return textbox.value.substring(textbox.selectionStart,textbox.selectionEnd);
  }else if (document.selection) {
    return document.selection.createRange().text;
  }
}

二、选取部分文本

慎选一些文本的办法是:

setSelectionRange()方法。接收多少个参数:要挑选第叁个字符的目录和终极一个字符的目录。
如阻止顾客挑选:

textBox.addEventListener("focus", function () {
  textBox.setSelectionRange(0,0);
});
textBox.addEventListener("select", function () {
  textBox.setSelectionRange(0,0);
});

要调用setSelectionRange()以前或之后立时将刀口设置到文本框。而IE中采纳的措施是适用范围来消除文本的标题:

var range = textBox.createTextRange();
range.collapse(true); //范围折叠到开头
range.moveStart("Character",0);
range.moveEnd("Character",textBox.value.length);
range.select();

同盟版本:相比常用

function selectText(textbox, startIndex, stopIndex) {
  if (textbox.setSelectionRange) {
    textbox.setSelectionRange(startIndex, stopIndex);
  } else if (textbox.createTextRange()) {
    var range = textbox.createTextRange();
    range.collapse(true); //范围折叠到开头
    range.moveStart("Character", startIndex);
    range.moveEnd("Character", stopIndex);
    range.select();
  };
}

三、过滤输入

1、屏蔽字符

上面包车型地铁代码仅允许输入数字:

var textBox = document.getElementById("myForm").elements["firstName"];
textBox.autofocus = true;
textBox.addEventListener("keypress", function () {
  if (!/d/.test(String.fromCharCode(event.charCode))) { //仅输入数字
    event.preventDefault();
  };
});

然则有个别浏览器会对进步、下键、退格键触发keypress事件,所以须求对那个常用的操作键撤废禁止,只要不掩盖那多少个字符编码小于10的键就可以:

textBox.addEventListener("keypress", function () {
  if (!/d/.test(String.fromCharCode(event.charCode)) && event.charCode > 9 && !event.ctrlKey) { //仅输入数字
    event.preventDefault();
  };
});

四、操作剪贴板

以下是6个剪贴板事件

  • beforecopy:在发生复制操作前触发
  • copy:在发出复制时触发
  • beforecut:在发出剪贴前操作
  • cut:在发出加贴时操作
  • beforepaste:在发出黏贴操作前触发
  • paste:在发生黏贴操作时触发

如设置禁止拷贝:

//拷贝之前提示禁止拷贝
textBox.addEventListener("beforecopy", function() {
  textBox.value = "do not copy";
});
//拷贝时禁止拷贝
textBox.addEventListener("copy", function() {
  event.preventDefault();
});

要访谈剪贴板中的数据,能够应用clipboardData对象,在IE中,那么些目的是window对象的性质,在friefox,safari和chrome,这几个目的是呼应event对象的天性;在IE中能够随时访问该目的;但在任何浏览器中唯有在拍卖剪贴板事件之间才有效。

其一clipboardData对象有八个方式:

  • getData()
  • setData()
  • clearData()

getData()接收三个参数,即要猎取数据的格式(IE中有二种多少格式:text和U奥迪Q7L;在别的浏览器中这些参数是一种MIME类型;不过能够用text代替text/plain)。

setData()接收三个参数,即数据类型和要放在剪贴板中的文本。(第4个参数中,IE扶助text和U本田UR-VL;第一个参数中chrome和safari不辅助text类型);那多个浏览器在中标将文件放到剪贴板中后,都会回到true;不然,重返false:

function getClipboardText(event) {
  var clipboardData = (event.clipboardData || window.clipboardData);
  return clipboardData.getData("text");
}

function setClipboardText(event, value) {
  if (event.clipboardData) {
    return event.clipboardData.setData("text/plain", value);
  } else if (window.clipboardData) {
    return window.clipboardData.setData("text", value);
  }
}

方今浏览器逐步收紧对拜访剪贴板的操作。

五、自动切换核心

力排众议上正是在前三个文本框中的字符打到最大数据后,自动将刀口切换成下二个文本框:

DOM:

<form action="">
  <input type="text" name="tel11" id="txtTel1" maxLength="3">
  <input type="text" name="tel12" id="txtTel2" maxLength="3">
  <input type="text" name="tel13" id="txtTel3" maxLength="4">
  <input type="submit" name="btn" id="btn" value="submit">
</form>

js:

var textbox1 = document.getElementById("txtTel1");
var textbox2 = document.getElementById("txtTel2");
var textbox3 = document.getElementById("txtTel3");

textbox1.addEventListener("keyup", tabForward);
textbox2.addEventListener("keyup", tabForward);
textbox3.addEventListener("keyup", tabForward);

function tabForward() {
  var target = event.target;
  //当value长度等于最大值的时候
  if (target.value.length == target.maxLength) {
    var form = target.form;
    //遍历所在的form表单中的元素
    for (var i = 0, len = form.elements.length; i < len; i++) {
      //如果该元素是目标元素
      if (form.elements[i] == target) {
        //并且该元素的下一个元素为true 其他条件
        if ((form.elements[i + 1]) && (form.elements[i + 1].nodeType == 1) && (form.elements[i + 1].tagName.toLowerCase() == "input") && (form.elements[i + 1].type == "text")) {
          //则下个元素获得焦点
          form.elements[i + 1].focus();
        }
      }
    };
  }
}

六、HTML5约束验证API

1、必填字段required属性

在必填字段中增加属性required。它适用于input,textarea,select字段。使用上面包车型客车代码能够检验浏览器是不是帮助required属性:

var isRequiredSupported="required" in document.createElement("input");

2、其余输入类型

input的type属性扩充了“email”和“url”;各浏览器也都为它们扩展了定制的评释机制:

var input = document.createElement("input");
input.type = "email";
var isEmailSupported = (input.type == "email");

3、数值范围

除了“email”和“UENCOREL”,HTML5还定义了其他几个输入成分。那多少个因素都要求填写基于数字的值:“number”,“range”,“datetime”,“datetime-local”,“date”,“mouth”,“week”,“time”。近年来浏览器对这一个品种协理并不好,若是真想使用的话要小心。

对那事数值类型的输入成分得以钦定min属性,max属性,step属性。同有时候这几个数值类型元素还会有五个措施:stepUp(),stepDown()。都领受八个参数,要在日前基础上助长或回退的数值。

DOM:

<form action="">
  <input type="range" name="tel14" id="txtTel4" required min="10" max="20" step="1">
  <input type="button" value="up" id="up">
  <input type="text" id="output">
  <input type="submit" name="btn" id="btn" value="submit">
</form>

js:

var input = document.getElementById("txtTel4");
var up = document.getElementById("up");

input.addEventListener("mousemove", function () {
  var output = document.getElementById("output");
  output.value = input.value;
});
up.addEventListener("click", function () {
  //点击value值以2为单位增加
  input.stepUp(2);
  var output = document.getElementById("output");
  output.value = input.value;
});

3、输入形式

HTML5剧增了pattern属性,这几个天性的值是三个正则表明式,用于相配文本框中的值。

<input type="text" id="number" pattern="d{3}">

var num = document.getElementById("number");
console.log(num.pattern); //d{3}

能够使用以下代码来检查测量检验浏览器是还是不是帮忙pattern属性:

var isPatternSupported="pattern" in document.createElement("input");

4、检验有效性

使用checkValidity()方法能够检验表单中的字段是不是可行。全体表单的字段皆有其一点子,假诺检查有效重回true。

<form action="">
  <input type="text" pattern="w" id="name" required>
  <input type="number" max="10" id="num" required>
  <input type="button" id="check" value="check">
  <input type="submit" id="submit" value="submit" disabled>
</form>

var form = document.forms[0];
var name = document.getElementById("name");
var number = document.getElementById("num");
var check = document.getElementById("check");
var submit = document.getElementById("submit");

check.addEventListener("click", function () {
  console.log(form.checkValidity()); //检测整个表单是否正确
  if (form.checkValidity()) {
    submit.removeAttribute("disabled");
    check.disabled = true;
  }else{
    alert("请检查表单");
  }
});

input的validity属性会付出什么字段有效和失效的有血有肉音信。

var inputName = document.getElementById("inputName");
inputName.onblur = function() {
  if (inputName.checkValidity()) {
    inputName.style.color = "white";
    inputName.style.backgroundColor = "green";

  } else {
    inputName.style.color = "white";
    inputName.style.backgroundColor = "red";
    if (inputName.validity.patternMismatch) {
      inputName.value = "请填写正确的格式";
    }
  }
};
inputName.addEventListener("mouseenter", function () {
  inputName.focus();
  inputName.select();
});

validity首要不外乎下列属性:

  • customError:是或不是设置了setCustomValidity();
  • patternMismatch:是还是不是与pattern属性相称;
  • rangeOverflow:是否比max值大;
  • rangeUnderflow:是否比min值小;
  • stepMisMatch:步长是还是不是创设;
  • tooLong:是不是抢先了maxlength;
  • typeMismatch:是还是不是不是mail类型和url类型;
  • valid:假诺这里的别样品质都是false,重临true;
  • valueMissing:借使为required中从未值,重回true。

5、禁止使用验证

因此设置表单的novalidate属性,能够是表单不开展表达。用js获取form之后,设置它的novalidate属性为true,会禁止使用表单验证。

在提交按键上增添formnovalidate属性,会不表明提交表单。用js获取submit开关之后,设置它的formnovalidata属性为true,会禁止使用表单验证并付出。
上述就是本文的全体内容,希望对大家的求学抱有支持。

你也许感兴趣的小说:

  • js点击文本框弹出可挑选的checkbox复选框
  • js达成文本框输入文字个数限制代码
  • js决断文本框输入的剧情是不是为数字
  • js文本框输入内容智能提示成效
  • js行号突显的文本框达成效益(包容多样浏览器 )
  • js总计文本框输入的字符数
  • js点击文本框后才加载验证码实例代码
  • js文本框走动跑马灯效果代码分享
  • js怎样实现点击标签文字,文字在文本框出现
  • javascript特殊文本输入框网页特效
TAG标签:
版权声明:本文由990888藏宝阁发布于网络应用,转载请注明出处:JavaScript文本框脚本编写的注意事项