JavaScript基础 表单内的text文本输入框 获得焦点onfocus 失去焦点onblur

镇场诗:
    清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
    学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————

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,强,值得努力学习。传智播客的视频教程是我的学习资源,推荐。
如果博文有可以改进的地方,请留下评论,我会认真思考的。

注:我是一位正在努力的普通人,此文仅供测试与参考使用,不可做其他用途。当参考博文内容时,代表您已接受使用条款。

时间: 2024-10-11 07:39:00

JavaScript基础 表单内的text文本输入框 获得焦点onfocus 失去焦点onblur的相关文章

bootstrap 基础表单 内联表单 横向表单

<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="dist/css/bootstrap.css"> </head> <body> <p c

Javascript基础表单验证

<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> <script type="text/javascript"> function checkForm(form) { if ($("#receivemobile").val() == "") { alert("收货人手机号

javascript基础-表单

图解:   表单只需要知道常用的,其他的了解原理就行.在实际项目中,序列化一般用库(jquery)带的方法.富文本引用组件.

控制表单控件-获取表单内文本框的个数

代码: ———————————————————— <script type="text/javascript">            //获取表单内文本框的个数            function getInputCount(){                var f = document.forms[0];            //获取表单DOM                var elements = f.elements;        //获取所有的控

用JavaScript进行表单验证

用户填写表单后提交,服务器端脚本会先验证数据,保证数据的正确性(比如数据是符合要求的内容.格式正确等)后再将数据交到数据库存储供以后使用.也可以在客户机上用JavaScript进行表单验证,比较快,用户操作效率较高.虽然用JavaScript进行表单验证有很多优点,不过有些用户可能会关闭浏览器JavaScript功能或者不支持JavaScript,因此在服务器端脚本的表单验证必不可少. 研究了<JavaScript基础教程 第九版>[美·Dori Smith,Tom Negrino] 一书中对

JavaScript与表单控件

JavaScript与表单控件 1.表单控件 a) 在HTML中表单控件是客户端与服务器进行数据传输的工具,用来收集客户端的信息,并允许客户端的用户以标准格式向服务器提交数据 b) <form name="frmName" action="frmAction" [method="post(默认)/get" [target="targetType"] [enctype=""]></form&

HTML基础——表单的应用

1.表单的构成 一个完整的表单由表单控件(表单元素).提示信息和表单域3个部分构成. 表单控件:包含了具体的表单功能项,如单行文本输入框.密码输入框.复选框.提交按钮.搜索框等. 提示信息:一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作. 表单域:相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过它定义.处理表单数据所用程序的url地址及数据提交到服务器的方法. 注:如果不定义表单域,表单中的数据就无法传送到后台服务器. 2.创建表单 <form></form&

HTML基础表单

HTML基础表单 1.表单标签 标签 描述 form:定义供用户输入的表单 input:定义输入域 textarea :定义文本域 (一个多行的输入控件) label :定义一个控制的标签 fieldset :定义域 legend :定义域的标题 select:定义一个选择列表 option :定义下拉列表中的选项 button :定义一个按钮 hoden:隐藏 submit:自带提交按钮 reset:重置 date:日期 radio:单选 checkbox:复选 number:数字 email

Form表单内按钮实现location.href跳转

这两天在架设一个较早的PHP应用程序,发现有几个按钮在IE下点击有效果,在Chrome.Firefox下点击则没反应.问题来了,那么马上F12拉出神器开始调试,下面把HTML代码贴出来: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"