JavaScript基础 表单内的text文本输入框 获得焦点onfocus 失去焦点onblur
2017-05-06 16:41
537 查看
镇场诗:
清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————
code:
result:
——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。IDE: VS2015;浏览器: Firefox。
html+css+js,强,值得努力学习。传智播客的视频教程是我的学习资源,推荐。
如果博文有可以改进的地方,请留下评论,我会认真思考的。
注:我是一位正在努力的普通人,此文仅供测试与参考使用,不可做其他用途。当参考博文内容时,代表您已接受使用条款。
清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————
code:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> <script type="text/javascript"> function FocusStateValue() { document.form1.content.value = "获得焦点"; } function BlurStateValue() { document.form1.content.value = "失去焦点"; } </script> </head> <body> <form name="form1"> <input type="text" name="content" onfocus="FocusStateValue()" onblur="BlurStateValue()"/> </form> </body> </html>
result:
——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。IDE: VS2015;浏览器: Firefox。
html+css+js,强,值得努力学习。传智播客的视频教程是我的学习资源,推荐。
如果博文有可以改进的地方,请留下评论,我会认真思考的。
注:我是一位正在努力的普通人,此文仅供测试与参考使用,不可做其他用途。当参考博文内容时,代表您已接受使用条款。
相关文章推荐
- JavaScript基础 表单内的text文本输入框 获得焦点onfocus 失去焦点onblur
- javascript中获得焦点onfocus与失去焦点onblur
- Javascript基础(四):获得焦点和失去焦点事件
- JavaScript基础 text文本框获得焦点时,其中的内容被全选 this.select()
- JavaScript基础 得到 在表格中的 text文本输入框内的 字符串
- JavaScript基础 text文本框获得焦点时,其中的内容被全选 this.select()
- JavaScript基础 得到 在表格中的 text文本输入框内的 字符串
- input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
- jQuery表单获取和失去焦点输入框提示效果的实例代码
- 【表单】鼠标经过时获得焦点,获得焦点时选中文本
- android EditText输入框获得焦点时,边框变为深色
- input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
- android EditText输入框获得焦点时,边框变为深色
- jQuery用focus()使文本输入框获得焦点且焦点在文字的最右的方法
- 使用jQuery制作高级炫酷吊炸天表单,页面加载完成文本框获得焦点,文本框设置默认文本,文本字数动态显示.....
- 表单元素事件、文本框失去焦点事件、获得焦点事件http://blog.sina.com.cn/s/blog_73dac6b50101h4qb.html
- 利用StateListDrawable当EditText获得,失去焦点时分别设置其内容的不同颜色
- 文本框获得焦点后文本框内的提示文本消失 失去焦点后如果没有输入再显示提示
- juery文本框获得焦点和失去焦点是,对文本内容的处理
- jQuery表单获取和失去焦点输入框提示效果