输入框带剔除按钮，有没有简洁一点的代码
日期：2014-05-16 浏览次数：20459 次
输入框带删除按钮，有没有简洁一点的代码
输入框内如果有文字，点击输入框内右边的叉，即可清除文字
网上搜索找到一篇用jq的，感觉比较复杂，不适用于手机网页
------解决方案--------------------
用什么jQuery呀，杀鸡焉用牛刀……
输入框内如果有文字，点击输入框内右边的叉，即可清除文字
网上搜索找到一篇用jq的，感觉比较复杂，不适用于手机网页
------解决方案--------------------
用什么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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
