精华内容
下载资源
问答
  • 一些input输入框内输入内容时,经常会出现这种情况, 可将鼠标移动到一条内容上,按shift+del组合键进行删除

     

    在一些input输入框内输入内容时,经常会出现这种情况,

    可将鼠标移动到一条内容上,按shift+del组合键进行删除

    展开全文
  • ...InputDefault 是一个jQuery 插件,用来实现对文本输入框的默认值的自动切换,当鼠标移开时自动显示默认值,当输入框获取输入焦点时,删除默认值。其作用就不作详细描述了,直接看演示。 ...

    • InputDefault 是一个jQuery 插件,用来实现对文本输入框的默认值的自动切换,当鼠标移开时自动显示默认值,当输入框获取输入焦点时,删除默认值。其作用就不作详细描述了,直接看演示
    展开全文
  • 表单特殊输入处理收集

    万次阅读 2005-02-08 21:08:00
    转自: http://www.cnbruce.com/blog/showlog.asp?log_id=271&cat_id=5只能是写...屏蔽了输入法 只能输入英文和数字 只能是数字只能显示,不能修改的文本框只能是数字,判断按键 代码如下:function onlyNum(){if(!((eve

    转自: http://www.cnbruce.com/blog/showlog.asp?log_id=271&cat_id=5

    只能是写限定的东西 代码如下:


    ENTER键可以让光标移到下一个输入框
    <input οnkeydοwn="if(event.keyCode==13)event.keyCode=9" > <br>

    只能是中文<input οnkeyup="value=value.replace(/[ -~]/g,'')" οnkeydοwn="if(event.keyCode==13)event.keyCode=9"> <br>

    只能是英文和数字.屏蔽了输入法<input style="ime-mode:disabled" οnkeydοwn="if(event.keyCode==13)event.keyCode=9"> <br>

    只能输入英文和数字<input οnkeyup="value=value.replace(/[/W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" οnkeydοwn="if(event.keyCode==13)event.keyCode=9"> <br>
    只能是数字<input οnkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"><br>
    只能显示,不能修改的文本框<input readOnly value="只能显示,不能修改">

    只能是数字,判断按键 代码如下:

    <script  language=javascript>
    function  onlyNum()
    {
    if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)||(event.keyCode==8)))
    event.returnValue=false;
    }
    </script>
    <input  οnkeydοwn="onlyNum();"> 
    附:获取键盘的KeyCode

    <html>
    <head>
    <script language="javascript">
      ns4 = (document.layers) ? true : false;
      ie4 = (document.all) ? true : false;
    function keyDown(e){
      if(ns4){
      var nkey=e.which;
      var iekey='现在是ns浏览器';
      var realkey=String.fromCharCode(e.which);
    }
      if(ie4){
      var iekey=event.keyCode;
      var nkey='现在是ie浏览器';
      var realkey=String.fromCharCode(event.keyCode);
      if(event.keyCode==32){realkey='/' 空格/''}
      if(event.keyCode==13){realkey='/' 回车/''}
      if(event.keyCode==27){realkey='/' Esc/''}
      if(event.keyCode==16){realkey='/' Shift/''}
      if(event.keyCode==17){realkey='/' Ctrl/''}
      if(event.keyCode==18){realkey='/' Alt/''}
    }
      alert('ns浏览器中键值:'+nkey+'/n'+'ie浏览器中键值:'+iekey+'/n'+'实际键为'+realkey);
    }
    document.onkeydown = keyDown;
    if(ns4){
    document.captureEvents(Event.KEYDOWN);}
    </script>
    </head>
    <body>
    //Javascript Document.
    <hr>
    <center>
    <h3>请按任意一个键。。。。</h3>
    </center>
    </body>
    </html>
    限制网页用键盘

    <body οnkeydοwn="alert('禁用');return false;">
    限制键盘的某个键:body οnkeydοwn="if(event.keyCode==num){alert('禁用');return false;}

    再加个找按键的值

    <script>
    function show(){
      alert("ASCII代码是:"+event.keyCode);
    }
    </script>
    <body οnkeydοwn="show()">

    只能是IP地址
    <html>

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <style>
    .a3{width:30;border:0;text-align:center}
    </style>
    <script>
    function mask(obj){
    obj.value=obj.value.replace(/[^/d]/g,'')
    key1=event.keyCode
    if (key1==37 || key1==39)
    { obj.blur();
    nextip=parseInt(obj.name.substr(2,1))
    nextip=key1==37?nextip-1:nextip+1;
    nextip=nextip>=5?1:nextip
    nextip=nextip<=0?4:nextip
    eval("ip"+nextip+".focus()")
    }
    if(obj.value.length>=3)
    if(parseInt(obj.value)>=256 || parseInt(obj.value)<=0)
    {
    alert(parseInt(obj.value)+"IP地址错误!")
    obj.value=""
    obj.focus()
    return false;
    }
    else
    { obj.blur();
    nextip=parseInt(obj.name.substr(2,1))+1
    nextip=nextip>=5?1:nextip
    nextip=nextip<=0?4:nextip
    eval("ip"+nextip+".focus()")
    }
    }
    function mask_c(obj)
    {
    clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))
    }

    </script>
    <title>IP地址输入</title>

    </head>
    <body>IP地址输入
    <div style="border-width:1;border-color:balck;border-style:solid;width:165;font-size:9pt">
    <input type=text name=ip1 maxlength=3 class=a3 οnkeyup="mask(this)" onbeforepaste=mask_c()>.
    <input type=text name=ip2 maxlength=3 class=a3 οnkeyup="mask(this)" onbeforepaste=mask_c()>.
    <input type=text name=ip3 maxlength=3 class=a3 οnkeyup="mask(this)" onbeforepaste=mask_c()>.
    <input type=text name=ip4 maxlength=3 class=a3 οnkeyup="mask(this)" onbeforepaste=mask_c()>
    </div>
    </body>

    </html>
    用#default#savehistory防止后退清空text文本框: 

    <HTML>
    <HEAD>
    <META NAME="save" CONTENT="history">
    <STYLE>
      .saveHistory {behavior:url(#default#savehistory);}
    </STYLE>
    </HEAD>
    <BODY>
    <INPUT class=saveHistory type=text id=oPersistInput>
    <input type=button οnclick='javascript:location.href="http://www.cnbruce.com/red/"' value='点击进入,再按后退键试试?'>
    </BODY>
    </HTML>

    TEXTAREA自适应文字行数的多少

    <textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">

    上传预览图片

    <img id=pic  src=http://www.cnbruce.com/images/logo.gif>
    <input type=file name=file><input type=button οnclick=pic.src=file.value value=预览图片>
    <input type=button οnclick=alert(file.value) value=图片地址>
    <input type=button οnclick="file.outerHTML=file.outerHTML.replace(/value=/w/g,'')" value="清除file里字">

    去掉下拉选项的边框

    <div style="position: absolute; left: 10px; top: 10px; width: 115px; height: 20px;  clip:rect(2 114 20 2);">
       <select>
        <option >cnpeople</option>
        <option >cnrose</option>
       <option >cnbruce</option> 
      </select>
      </font>
    </div>
    下拉列表打开窗口

    <select  onChange="if(this.selectedIndex && this.selectedIndex!=0){window.open(this.value);}this.selectedIndex=0;">
    <option selected>更多链接……</option>
    <option value="http://www.cnbruce.com">cnbruce</option>
    <option value="http://daonet.myrice.com/old/">daonet</option>
    <option value="http://www.blueidea.com">blue!dea
    </select>

    TAB的显示

    <script>
    function editTab()
    {
        var code, sel, tmp, r
        var tabs=""
        event.returnValue = false
        sel =event.srcElement.document.selection.createRange()
        r = event.srcElement.createTextRange()

        switch (event.keyCode)
        {
            case (8)    :
                if (!(sel.getClientRects().length > 1))
                {
                    event.returnValue = true
                    return
                }
                code = sel.text
                tmp = sel.duplicate()
                tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top)
                sel.setEndPoint("startToStart", tmp)
                sel.text = sel.text.replace(/^/t/gm, "")
                code = code.replace(/^/t/gm, "").replace(//r/n/g, "/r")
                r.findText(code)
                r.select()
                break
            case (9)    :
                if (sel.getClientRects().length > 1)
                {
                    code = sel.text
                    tmp = sel.duplicate()
                    tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top)
                    sel.setEndPoint("startToStart", tmp)
                    sel.text = "/t"+sel.text.replace(//r/n/g, "/r/t")
                    code = code.replace(//r/n/g, "/r/t")
                    r.findText(code)
                    r.select()
                }
                else
                {
                    sel.text = "/t"
                    sel.select()
                }
                break
            case (13)    :
                tmp = sel.duplicate()
                tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top)
                tmp.setEndPoint("endToEnd", sel)

                for (var i=0; tmp.text.match(/^[/t]+/g) && i<tmp.text.match(/^[/t]+/g)[0].length; i++)    tabs += "/t"
                sel.text = "/r/n"+tabs
                sel.select()
                break
            default        :
                event.returnValue = true
                break
        }
    }
    </script>

    <textarea  cols=75  rows=20  οnkeydοwn="editTab()">
    <script>
    alert("ok")
    </script>
    </textarea>

    文本框的上/下拉

    <form name="cnbruce">
    <textarea name="com">
    </textarea>
    </form>
    <SPAN title='放大输入框' style='FONT-SIZE: 12px; CURSOR: hand'  οnclick=document.cnbruce.com.rows+=4>向下</SPAN>
     <SPAN title='缩小输入框' style='FONT-SIZE: 12px; CURSOR: hand' class='arrow' οnclick='if(document.cnbruce.com.rows>=4)document.cnbruce.com.rows-=4;else return false'>向上</SPAN>


    一个复选框,点击之后一组复选框全部都选上

    <input type="checkbox" name="checkA" onpropertychange="for(i=0;i<A.children.length;i++){A.children[i].checked=this.checked}">a
    <br>
    <span id="A">
    <input type="checkbox" name="A1">
    <input type="checkbox" name="A2">
    <input type="checkbox" name="A3">
    </span>

    Debug Textarea:在线写 js 脚本的时候,用来即时查错的东西!

    <HTML>
    <HEAD>
    <TITLE>Debug Textarea</TITLE>
    <meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
    </HEAD>
    <style>
    * {
        font-size: 12px
    }
    body {
        margin: 10px; padding: 0px
    }
    table.list{
        cursor: default;
        border:1px solid #cccccc
        background-color: #cccccc;
        border-collapse: collapse;
        border-Color: #cccccc;
    }
    </style>
    <script language="javascript">
    // Coded by windy_sk <windy_sk@126.com> 20040205

    function reportError(msg,url,line) {
        var str = "You have found an error as below: /n/n";
        str += "Err: " + msg + " on line: " + line;
        alert(str);
        return true;
    }

    window.onerror = reportError;


    document.onkeydown = function() {
        if(event.ctrlKey){
            switch(event.keyCode) {
                case 82: //r
                    runcode();
                    break;
                case 83: //s
                    savecode();
                    break;
                case 71: //g
                    goto(prompt('Please input the line number', '1'));
                    break;
                case 65: //a
                    document.execCommand("SelectAll");
                    break;
                case 67: //c
                    document.execCommand("Copy");
                    break;
                case 88: //x
                    document.execCommand("Cut");
                    break;
                case 86: //v
                    document.execCommand("Paste");
                    break;
                case 90: //z
                    document.execCommand("Undo");
                    break;
                case 89: //y
                    document.execCommand("Redo");
                    break;
                default:
                    break;
            }
            event.keyCode = 0;
            event.returnValue = false;
        }
        return;
    }


    function show_ln(){
        var txt_ln     = document.getElementById('txt_ln');
        var txt_main     = document.getElementById('txt_main');
        txt_ln.scrollTop = txt_main.scrollTop;
        while(txt_ln.scrollTop != txt_main.scrollTop) {
            txt_ln.value += (i++) + '/n';
            txt_ln.scrollTop = txt_main.scrollTop;
        }
        return;
    }


    function editTab(){
        var code, sel, tmp, r
        var tabs=''
        event.returnValue = false
        sel =event.srcElement.document.selection.createRange()
        r = event.srcElement.createTextRange()

        switch (event.keyCode){
            case (8)    :
                if (!(sel.getClientRects().length > 1)){
                    event.returnValue = true
                    return
                }
                code = sel.text
                tmp = sel.duplicate()
                tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top)
                // 出错检验代码~~~~~~
                if(sel.parentElement() != tmp.parentElement()) return;
                sel.setEndPoint('startToStart', tmp)
                sel.text = sel.text.replace(/^/t/gm, '')
                code = code.replace(/^/t/gm, '').replace(//r/n/g, '/r')
                r.findText(code)
                r.select()
                break
            case (9)    :
                if (sel.getClientRects().length > 1){
                    code = sel.text
                    tmp = sel.duplicate()
                    tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top)
                    // 出错检验代码~~~~~~
                    if(sel.parentElement() != tmp.parentElement()) return;
                    sel.setEndPoint('startToStart', tmp)
                    sel.text = '/t'+sel.text.replace(//r/n/g, '/r/t')
                    code = code.replace(//r/n/g, '/r/t')
                    r.findText(code)
                    r.select()
                }else{
                    sel.text = '/t'
                    sel.select()
                }
                break
            case (13)    :
                tmp = sel.duplicate()
                tmp.moveToPoint(r.getBoundingClientRect().left, sel.getClientRects()[0].top)
                // 出错检验代码~~~~~~
                if(sel.parentElement() != tmp.parentElement()) return;
                tmp.setEndPoint('endToEnd', sel)
                for (var i=0; tmp.text.match(/^[/t]+/g) && i<tmp.text.match(/^[/t]+/g)[0].length; i++)    tabs += '/t'
                sel.text = '/r/n'+tabs
                sel.select()
                break
            default        :
                event.returnValue = true
                break;
        }
        return;
    }


    function runcode() {
        var str = document.getElementById("txt_main").value;
        var code_win = window.open('about:blank');
        code_win.document.open();
        code_win.document.writeln("<script>");
        code_win.document.writeln("function reportError(msg,url,line){/nline-=14;/nvar str='You have found an error as below: //n//n';/nstr+='Err: '+msg+' on line: '+(line);/nalert(str);/nopener.goto(line);/nopener.focus();/nwindow.οnerrοr=null;/nsetTimeout('self.close()',10);/nreturn true;/n}");
        code_win.document.writeln("window.onerror = reportError;");
        code_win.document.writeln("<//script>");
        code_win.document.writeln(str);
        code_win.document.close();
        return;
    }


    function savecode() {
        var str = document.getElementById("txt_main").value;
        var code_win = window.open('about:blank','_blank','top=10000');
        code_win.document.open();
        code_win.document.writeln(str);
        code_win.document.close();
        code_win.document.execCommand('saveas','','code.html');
        code_win.close();
        return;
    }


    function goto(ln) {
        if(!/^/d+$/.test(ln)) return;
        var obj = document.getElementById("txt_main");
        var rng = obj.createTextRange();
        var arr = obj.value.replace(//r/, "").split(//n/);
        if(ln>arr.length) ln = arr.length;
        var str_tmp = "";
        for(var i=0; i<ln-1; i++) {
            str_tmp += arr[i];
        }
        rng.moveStart('character',str_tmp.length+1);
        str_tmp = "";
        for(i=ln; i<arr.length; i++) {
            str_tmp += arr[i];
        }
        rng.moveEnd('character',-str_tmp.length);
        rng.select();
        return;
    }

    window.onload = function() {document.getElementById("txt_main").value = "<script>/nalert(')/n<//script>";}
    </script>
    <BODY>
    <table width='600' class='list' border='1' bgcolor='#eeeeee' bordercolorlight='#000000' bordercolordark='#FFFFFF' cellpadding='0' cellspacing='0'>
      <tr bgcolor='#cccccc'>
        <td colspan='2' height='20' align='center'><b>Debug Textarea</b></td>
      </tr>
      <tr>
        <td colspan='2'>
            <table width='95%' border='0' align='center' >
          <tr>
            <td align='center'><br />
              <textarea id='txt_ln' name='content' rows='10' style='width:40px;overflow:hidden;height:200px;border-right:0px;text-align:right;line-height:14px' onselectstart='this.nextSibling.focus();return false' readonly></textarea><textarea id='txt_main' name='content' rows='10' cols='80' οnkeydοwn='editTab()' οnkeyup='show_ln()' οnscrοll='show_ln()' wrap='off' style='overflow:auto;height:200px;padding-left:5px;border-left:0px;line-height:14px'></textarea>
              <script>for(var i=1; i<=20; i++) document.getElementById('txt_ln').value += i + '/n';</script>
            </td>
          </tr>
              <tr>
                <td align='center'><br />
                  <input type='button' value=' 运 行 ' οnclick='runcode()' accesskey='r'>&nbsp;&nbsp;
                  <input type='button' value=' 保 存 ' οnclick='savecode()' accesskey='s'>&nbsp;&nbsp;
                  <input type='button' value=' 跳 转 ' οnclick="goto(prompt('Please input the line number', '1'))"  accesskey='g'>&nbsp;&nbsp;
                </td>
              </tr>
            </table>
        </td>
      </tr>
    </table>
    </BODY>
    </HTML>

    获取input的非value值,而是显示文本值

    <select name="sss" onChange="alert(this.options[this.selectedIndex].text)">
    <option value="1">asdf</option>
    <option value="2">bbbb</option>
    <option value="3">ccc</option>
    </select>

    select里的option进行分类列表

    <span style="position:absolute;border:1px inset #d3d6d9"><select style="margin:-2px; width:200px">
    <option selected>------------请选择------------</option>
    <optgroup label="JavaScript&VBScript区">
     <option>原   创
     <option>经   典
    <optgroup label="后台区">
     <option>asp&sql
     <option>php&mysql
    </select></span>

    动态添加

    <form name="myForm" method="post">
    <select name="dept_company" size="10" multiple id="dept_company" class="mySelect">
              <option value="">Please Select...</option>
              <option value="a">AA</option>
              <option value="b">BB</option>
              <option value="c">CC</option>
            </select><input name="dept_company_list" type="hidden">
            <input name="button" type="button" class="myButton" onClick="addItem('dept_company','dept_company2')" value="添加--&gt;&gt;">
            <input name="button" type="button" class="myButton" onClick="deleteItem('dept_company2','dept_company')" value="&lt;&lt;--删除">
            <select name="dept_company2" size="10" multiple id="dept_company2" class="mySelect">
            </select>
    </form>
    <script>
    function addItem(fromName,toName){
        eval("var obj1=myForm."+fromName);
        eval("var obj2=myForm."+toName);
        obj1.options[0].selected=false;
        if(obj1.selectedIndex == -1)
            return false;
        var tempValue;
        var tempText;
        for(var i=1;i<obj1.length;i++){ //begin from 1
            if(obj1.selectedIndex == -1)break;
            tempValue=obj1.options[obj1.selectedIndex].value;
            tempText=obj1.options[obj1.selectedIndex].text;
            obj1.options[obj1.selectedIndex]=null;
            obj2.add(new Option(tempText,tempValue),0);
        }
    }
    function deleteItem(fromName,toName){
        eval("var obj1=myForm."+fromName);
        eval("var obj2=myForm."+toName);
        if(obj1.selectedIndex == -1)
            return false;
        var tempValue;
        var tempText;
        for(var i=0;i<obj1.length;i++){ //begin from 0
            if(obj1.selectedIndex == -1)break;
            tempValue=obj1.options[obj1.selectedIndex].value;
            tempText=obj1.options[obj1.selectedIndex].text;
            obj1.options[obj1.selectedIndex]=null;
            obj2.add(new Option(tempText,tempValue),1); //addItem index is 1
        }
    }
    </script>

    提示限制输入的字符数

    <script language="JavaScript">
    <!--

    function SymError()
    {
      return true;
    }

    window.onerror = SymError;

    function strlength(str){
        var l=str.length;
        var n=l
        for (var i=0;i<l;i++)
        {
            if (str.charCodeAt(i)<0||str.charCodeAt(i)>255) n++
        }
        return n       
    }

    function changebyte(value,length){
        var l=strlength(value)
        if (l<=length) {
            if (document.all!=null) document.all("byte").innerText="还可以输入"+(length-l)+"字节"
        }
        else
        {
            document.all("byte").innerText="输入字节数超出范围"
        }
        return true
    }

    function changebyte1(value,length){
        var l=strlength(value)
        if (l<=length) {
            if (document.all!=null) document.all("byte1").innerText="还可以输入"+(length-l)+"字节"
        }
        else
        {
            document.all("byte1").innerText="输入字节数超出范围"
        }
        return true
    }

    function changebyte2(value,length){
        var l=strlength(value)
        if (l<=length) {
            if (document.all!=null) document.all("byte2").innerText="还可以输入"+(length-l)+"字节"
        }
        else
        {
            document.all("byte2").innerText="输入字节数超出范围"
        }
        return true
    }
    </script>
    <form method="post" name=test onSubmit="return checkdata()" action="">
    <TEXTAREA οnkeydοwn="return changebyte1(document.test.icqcontent.value,198)" οnkeyup="return changebyte1(document.test.icqcontent.value,198)" name=icqcontent cols=40 rows="3"></TEXTAREA>
    <SPAN id=byte1><SCRIPT language=JavaScript>changebyte1(document.test.icqcontent.value,198);</SCRIPT></SPAN>
    </form>

    判断填写字数的限制

    <script language=javascript>
    function gbcount(message,total,used,remain)
    {
      var max;
      max = total.value;
      if(message.value.length > max){
        message.value = message.value.substring(0,max);
        used.value = max;
        remain.value = 0;
        alert('留言不能超过规定的字数!');
      }
      else{
        used.value = message.value.length;
        remain.value = max - used.value;
      }
    }
    </script>

    <form name='myform' >
    <textarea name='GuestContent' cols='59' rows='6'    οnkeydοwn=gbcount(this.form.GuestContent,this.form.total,this.form.used,this.form.remain); οnkeyup=gbcount(this.form.GuestContent,this.form.total,this.form.used,this.form.remain);></textarea>
    最多字数:<INPUT disabled maxLength=4 name=total size=3 value=20>
    已用字数:<INPUT disabled maxLength=4 name=used size=3 value=0>
    剩余字数:<INPUT disabled maxLength=4 name=remain size=3>
    </form>

    展开全文
  • 这是输入框获取焦点后提示语消失,输入内容   1、创建输入框   2、准备两个CSS样式(当然也可以只准备一个,不过有两个的话看起来顺眼一点) .blur-content{width:330px;color:#CDC5BF} /*没有获得焦点...

    先来效果图,这是输入框没有获取焦点时显示的提示语

     

    这是输入框获取焦点后提示语消失,输入内容

     

    1、创建输入框

    <input id="content" class="blur-content" value="请输入单据号或客户姓名"/>

     


    2、准备两个CSS样式(当然也可以只准备一个,不过有两个的话看起来顺眼一点)

    .blur-content{width:330px;color:#CDC5BF}	/*没有获得焦点前的样式*/  
    .focus-content{width:330px;}		/*获得焦点后的样式*/


    3、最关键的Jquery代码

    $(function(){
    	$('#content').focus(function(){
    	    var text = $('#content').val();
    	    if(text=="请输入单据号或客户姓名"){
    		$('#content').val('');
    		$('#content').removeClass("blur-content");
    		$('#content').addClass("focus-content");
    	    }
    	});
    	$('#content').blur(function(){
            var text=$('#content').val();
            if(text==""){
            	   $('#content').removeClass("focus-content");
            	   $('#content').addClass("blur-content");
    	   $('#content').val('请输入单据号或客户姓名');
            }
        });
    });


     

     

     

     

    展开全文
  • 页面的布局、逻辑组织、视觉样式等都是值得关注的细节,其中简化输入是最近常被提及的,这里我分享下自己工作中的心得… 1、 更高大的输入框 增加输入框高度,加粗字体,可以让网页上的输入框看起来更容易...
  • 网页div设计技巧和表单技巧表单文本输入的移动选择表单输入单元点击删除表单输入单元的边框设置表单输入单元的文字设置修改表单属性为弹出窗口
  • 还有就是输入框的错误信息都会采用浮层的形式提示,而不是瀑布流的方式去提示借鉴了其他客户端的方式,做了一些调整,这些调整都需要对antdv组件进行从新修正。因为我是用的是electron-vue+antdv的架构去构建的...
  • 动态生成form表单,不表单烦恼

    万次阅读 2018-04-23 19:58:39
    具有数据收集、校验和提交功能的表单生成器,包含input、复选框、单选框、输入框、下拉选择框等元素以及省市区三级联动、时间选择、日期选择、颜色选择、文件/图片上传功能,支持事件扩展。 欢迎大家star学习交流...
  • 加上表单验证以后,必填项不填会有提示信息。像一般的input输入框,有正确内容输入提示信息就会自动消失。但是el-upload上传图片以后提示信息依然还。如下: 解决方法 文件上传成功时的钩子函数on-success...
  • 页面的布局、逻辑组织、视觉样式等都是值得关注的细节,其中简化输入是最近常被提及的,这里我分享下自己工作中的心得… 1、 更高大的输入框 增加输入框高度,加粗字体,可以让网页上的输入框看起来更容易...
  • 有时大家填写表单内容时,表单里会出现一些默认提示文字,我们又不想一个个删除,有什么办法可以实现快速清除?下面就是我为大家准备的小代码: &lt;form action="" method="get" name=&...
  • 表单优化

    2008-12-24 10:51:00
    1、表单文本输入的移动选择:文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 中,一切就会变得简单多...
  • DW-表单基础

    千次阅读 2017-12-09 17:34:32
    表单 1. 表单(p184):用来采集用户输入到网页中的数据。其功能是收集用户信息,并将信息发送给后台服务器,从而实现网页与...表单标签:一些说明性文字提示用户进行填写或选择。 表单控件:包含文本域、复选框
  • 关于表单

    2005-10-28 13:32:00
    1、表单文本输入的移动选择:文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 中,一切就会变得简单多...
  • 表单标签】

    2019-05-04 20:49:01
    表单标签1.表单标签1.1 表单标签 有哪些 ?1.2 HTML5 中的表单标签 有哪些 ?1.3 如何 为用户输入 创建 HTML 表单 ?1.4 如何 搜集 用户输入的信息 ?1.4.1 输入标签 有哪些常用属性 ?1.4.2 HTML5 中,输入标签 新增的...
  • PHP表单验证

    千次阅读 2018-07-03 11:04:12
    处理PHP表单时需要考虑安全性,这里将展示PHP表单数据安全处理,为防止黑客以及垃圾信息就需要对表单进行数据安全验证,实例介绍的HTML表单中包含以下输入字段:必须与可选文本字段,单选按钮,及提交按钮:form_...
  • 表单技巧

    2009-03-25 21:04:00
    想必大家页面都使用过表单,如果你对单调的表单控制单元不满意,不妨看看以下几条技巧:1、表单文本输入的移动选择:文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息。...
  • 包括 : 创建表单 验证用户输入的内容 返回错误提示 保存数据 多用户表单 使用模块 WTForm Flask-WTF 和 Flask-CKEditor WTForms 是定义 验证和处理表单的库 Flask-WTF 继承于WTForms 然后添加一些功能 Flask-CKEdito...
  • 表单测试

    千次阅读 2018-02-24 15:36:22
    表单测试 表单测试  【问题】浏览器中表单的测试方面和方法  1、 相关概念  1.1 表单  1.1.1 基本组成部分: 1> 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 ...
  • 开发应用程序时,创建表单是一项常见活动。本教程将向您介绍屏幕布局的基础知识,如何将控件添加到布局窗格以及如何创建输入事件。 本教程中,您将使用JavaFX构建如图4-1所示的登录表单。 图4-1登录表单 ...
  • JQ验证表单

    2016-08-18 00:20:12
    表单验证jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了...
  • 我做的项目的一个需求是:网页的一个页面上,同时使用多个表单,可以修改自定义表单的item(选择自己需要的 数据进行录入,并且可以删除不想要的item),点击最顶层的按钮,可以同时提交多个表单。 效果 单一表单...
  • 本文中,让我们探索使用React而不使用第三方库来处理表单输入和验证的方法。 要求 我们将介绍适用于大多数用例的最受欢迎的功能: 使用表单的组件的onSubmit回调。 验证单个输入(仅前端)。 验证...
  • 需求:根据用户的选择的运输方式,动态改变输入框的输入条件,并且整个表单是可以循环添加多项,实现对数据批量校验。 效果图如下: 首先,表单可以新增加,则是一个循环表单;给 el-form-item 加上 prop 属性,...
  • 18javaScript与表单

    千次阅读 2016-07-12 15:32:32
    表单被用来提示用户输入输入的数据一般被发送到服务器上做处理。 Form 对象的集合 集合 描述  elements[] 包含表单中所有元素的数组。  Form 对象的属性 属性 描述  acceptCharset 服务器可接受...
  • <input name="searchkey" type="text" size="20" value="请输入关键字" onFocus=...input onblur="if(this.value=='')this.value='请输入关键字'" class="input_01" onfocus="if(this.value=='请输入关键字')th...
  • 前端学习Day03 表单

    2019-09-12 09:49:23
    ​ 一个表单中通常还需要包含一些说明性的文字提示用户进行填写和操作。 表单域: ​ 他相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过他定义处理表单数据所用程序的url地址,以及数据提交到服务器...
  • Notes客户端应用程序开发中,我们创建表单,用它们新建文档,然后视图里打开、修改和删除文档。有时候我们会忽略了表单和文档是截然不同的两种实体。表单是我们Designer里设计的,客户端里看到的界面。文档...
  • 文本输入栏中,如果加入了提示,来访者往往要用鼠标选取后删除,再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 中,一切就会变得简单多了,如: Input English.. ...
  • 表单验证(实时判断)

    千次阅读 2019-01-27 23:02:44
    上次的正则版表单验证的主要用意是为了正则表达式的应用,而这次的表单验证提供的更加完善的用户体验(实时判断了用户的输入数据正确与否),它是上个版本的延伸。 实现效果: 相应代码: &lt;!DOCTYPE ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 25,698
精华内容 10,279
关键字:

表单输入文字再删除的提示