本文摘自PHP中文网,作者不言,侵删。
有时我们会看到在文本框中的右边会有一个圆圈里面有个×,这其实就是清除按钮,那么如何在文本框中来实现这个清除按钮呢?接下来的这篇文章就来给大家介绍关于在文本框中设置清除按钮的方法。

我们先来看一下设置清除按钮具体的示例
代码如下
HTML代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | <!DOCTYPE html>
< html >
< head >
< link href = "style.css" rel = "stylesheet" type = "text/css" />
< script type = "text/javascript" language = "javascript" >
</ script >
</ head >
< body >
< form action = "" name = "searchForm" >
< div class = "searchFrame" >
< input type = "text" id = "search" name = "searchBox" value = "" class = "inputBox" />
< div class = "clearButton" onclick = "ClearButton_Click()" ></ div >
</ div >
</ form >
</ body >
</ html >
|
CSS代码
阅读剩余部分
相关阅读 >>
如何在文本框中设置清除按钮
更多相关阅读请进入《清除按钮》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 如何在文本框中设置清除按钮