• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    网页设计关于表单输入框的技巧代码

    本文列举了一些关于网页设计关于表单输入框的技巧代码。
      1.取消按钮按下时的虚线框
       在input里添加属性值hideFocus或者HideFocus=true
      2.只读文本框内容

    在input里添加属性值readonly
      3.防止退后清空的TEXT文档(可把style内容做做为类引用)

    <INPUTstyle=behavior:url(#default#savehistory);type=textid=oPersistInput>
      4.ENTER键可以让光标移到下一个输入框
    <inputonkeydown="if(event.keyCode==13)event.keyCode=9">
      5.只能为中文(有闪动)
    <inputonkeyup="value=value.replace(/[-~]/g,'')"onkeydown="if(event.keyCode==13)event.keyCode=9">
      6.只能为数字(有闪动)
    <inputonkeyup="value=value.replace(/[^/d]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))">
      7.只能为数字(无闪动)
    <inputstyle="ime-mode:disabled"onkeydown="if(event.keyCode==13)event.keyCode=9"onKeyPress="if((event.keyCode<48||event.keyCode>57))event.returnValue=false">

      8.只能输入英文和数字(有闪动)
    <inputonkeyup="value=value.replace(/[/W]/g,'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))">
      9.屏蔽输入法
    <inputtype="text"name="url"style="ime-mode:disabled"onkeydown="if(event.keyCode==13)event.keyCode=9">
      10. 只能输入 数字,小数点,减号(-) 字符(无闪动)
    <inputonKeyPress="if(event.keyCode!=46&&event.keyCode!=45&&(event.keyCode<48||event.keyCode>57))event.returnValue=false">
      11. 只能输入两位小数,三位小数(有闪动)
    <inputmaxlength=9onkeyup="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_kfxename=text_kfxe>
    上一篇:XHTML标签的自关闭的写法应该注意的问题
    下一篇:初学者接触HTML了解一些HTML标记(3)
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    网页设计关于表单输入框的技巧代码 网页设计,关于,表单,输入,