输入框提示文字,点击清除离开恢复效果

发布时间：2018-11-01 16:48:54 所属栏目：编程来源：站长网

导读：本日要先容的网页殊效是操作js成果给输入框(input)增进笔墨提醒结果，当我们用鼠标点击输入框时，笔墨消散，鼠标分开后，笔墨规复。同时，还加强到提交表单的行使，假如输入为空可能默认不输入的环境下，直接点击提交，就会弹出提醒。虽然这些对象都是可

　　本日要先容的网页殊效是操作js成果给输入框(input)增进笔墨提醒结果，当我们用鼠标点击输入框时，笔墨消散，鼠标分开后，笔墨规复。

　　同时，还加强到提交表单的行使，假如输入为空可能默认不输入的环境下，直接点击提交，就会弹出提醒。

　　虽然这些对象都是可以自界说的，先看一下结果再说吧。

　　网页版：猛击这里

　　运行版：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head lang="zh-cn"> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-cn" /> </head> <body> <title>输入框提醒笔墨，点击破除分开规复，输入为空时点击提交弹出告诫 - Liehuo.Net</title> <FORM method="post" action="http://www.veryhuo.com/" target="_blank" onsubmit="if(this.k.value==''||this.k.value=='请输入要搜刮的要害词,如:猛火'){alert('请输入搜刮词');return false;}"> <INPUT style="width:200px;" onBlur="if (value ==''){value='请输入要搜刮的要害词,如:猛火'}" id="k" class="ipt1" onFocus="if (value =='请输入要搜刮的要害词,如:猛火'){value =''}" value="请输入要搜刮的要害词,如:猛火" name="q"> <INPUT value="搜刮" type="submit" name="sou"> </FORM> </body> </html> <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

MySQL源码安置	运用图形界面从SQL导入
MySQL5.7+keepalived+	windows系统下jsp+mys