输入框带删除按钮,有没有简洁一点的代码
输入框内如果有文字,点击输入框内右边的叉,即可清除文字
网上搜索找到一篇用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>