首页 » 建站技术 » WordPress » 浏览内容

15条有用的input输入限制集锦


2010-12-31 19:45:15 2,885 0 发表评论 字体: 作者:C.K.
标签: WordPress

体验版 88 元,个人版 128 元,多用户版 288元个人版160元升级到多用户版。

1、小写自动转换成大写:

   <input type="text" name="XianJin" class="input02" style="text-transform:uppercase;">
  •     or
  •     <input type="text" name="XianJin" onkeyup="this.value=this.value.toLocaleUpperCase()">
  • 2、大写自动转换成小写

    <input type="text" name="XianJin" class="input02" style="text-transform:lowercase;">
  •     or
  •     <input type="text" name="XianJin" onkeyup="this.value=this.value.toLocaleLowerCase()">
  • 3、防止退后清空的TEXT文档

    <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">
  • or
  • onkeyup="if(isNaN(value)){alert('必须是数字');value='';}"

  • 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">

    11、改变输入框字体的大小.按钮字体不变

    <input name="startdate" type="text"  style="font-family: Arial; color: #008000;font-size: 27px" size="10"

    12、最多可以输入255个字符

       <textarea name="txt" rows="7" id="txt" onKeyPress="xz()"></textarea>
  • <script language="javascript">
  • function xz()
  • {
  •      if (txt.value.length>255)
  •          event.keyCode=0;
  • txt.value=txt.value.substr(0,255);
  • }
  • </script>
  • 本文来自:http://www.ziyouyu.org

    网站统计 Statistics

    • 创建时间: 2005年1月3日 距今5062 天
    • 日志总数: 2461
    • 评论总数: 630
    • 标签总数: 654
    • 链接总数: 273
    • 最后更新: 2018-8-31 17:57:04
    • 您是本站第 14144290 位访客

    广告区 Guǎng Gào