设置和获取html、文本和值
HTML 设置 获取 文本
2023-09-14 08:58:23 时间
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="text" value="请输入姓名" id="J_xingming" /> </body> <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $("#J_xingming").focus(function(){//姓名框获得鼠标焦点 var txt_value = $(this).val() ;//得到当前文本框的值 if(txt_value=='请输入姓名'){ $(this).val("");//如果符合条件,则清空文本框内容 } }); $("#J_xingming").blur(function(){//姓名框失去鼠标焦点 var txt_value = $(this).val() ;//得到当前文本框的值 if(txt_value==''){ $(this).val("请输入姓名");//如果符合条件,则设置内容 } }); }); </script> </html>
效果图:
相关文章
- JSP include HTML出现乱码 问题解决
- 前端学习 -- Html&Css -- 框架集
- [HTML 5] Atomic Relevant Busy
- spring boot:发送带附件的邮件和html内容的邮件(以163.com邮箱为例/spring boot 2.3.2)
- [HTML 5] Async clioboard
- [HTML 5] Inserting DOM element
- HTML DOM print() 方法 ,html 打印
- jenkins正常显示jmeter的html报告设置
- 圣诞树(html,python,matlab)完整源码
- HTML+CSS基础知识(6)背景的设置、表格的设计、表单的设计和框架集
- 如何在 messager/alert/confirm等消息提示框中 获取 / 设置 嵌入 html内容中的 input[type=checkbox]等的选中状态?
- 设置内容 - text()、html() 以及 val()