输入框带删除按钮，有没有简洁一点的代码


输入框内如果有文字，点击输入框内右边的叉，即可清除文字网上搜索找到一篇用jq的，感觉比较复杂，不适用于手机网页

解决方案 »

  1.   

    用什么jQuery呀，杀鸡焉用牛刀……
    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
        <style type="text/css">
            #txt1 { border-right:none;float:left; }
            #txt2 { border-left:none;float:left;width:10px;cursor:pointer;font-weight:bolder; }
        </style>
    </head>
    <body>
    <div id="div1" >
        <input type="text" id="txt1" />
        <input type="text" id="txt2" value="X" readonly="readonly" onclick="document.getElementById('txt1').value='';"  
            onfocus="document.getElementById('txt1').focus();" />
    </div>
    </body>
    </html>