87,991
社区成员
发帖
与我相关
我的任务
分享输入框带删除按钮，有没有简洁一点的代码
输入框内如果有文字，点击输入框内右边的叉，即可清除文字
网上搜索找到一篇用jq的，感觉比较复杂，不适用于手机网页
...全文
请发表友善的回复…
发表回复
吉普赛的歌 社区高级成员 T9 2012-11-28
- 打赏
- 举报
用什么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>
除了图标和删除按钮，文章还涉及了如何实现空字符提示，即当输入框中没有任何文本时，显示一个提示性的文字信息。这种设计能够指导用户输入正确的信息，减少使用中的困惑。 文章提供的代码示例包括如何通过 ...
