html中onfocus和onblur的使用

onfocus():鼠标点在onfocus所在的标签上面时

onblur():鼠标点在除onfocus所在标签的其他地方

form表单的的提交方式：

使用超链接提交；

先获取form标签，使用form的submit属性：

<html>
<head>
</head>
<body>
<form id="form1">
<input type="text" name="username"><br/>
<input type="button" value="tijiao" οnclick="add1();">
</form></hr>
<input type="text" id="id1" name="tex" value="please input" οnfοcus="focus1();" οnblur="blur1();"><br/>
<a href="人人网注册.html?username=pcl">使用超链接提交</a>
</body>
   <script type="text/javascript">
   function add1(){
       var form1=document.getElementById("form1");
       form1.action="new 1.html";
       form1.submit();
   }
   function focus1(){
   var inp=document.getElementById("id1");
   inp.value="";
   }
   function blur1(){
   var inp=document.getElementById("id1");
   inp.value="please input";
   }
   </script>
</html>

html中onfocus和onblur的使用相关推荐

JS中onfocus()事件，onblur()事件，onload()事件
1. onfocus 事件在对象获得焦点时发生. 实例: <html> <head> <script type="text/javascript"&g ...
JS: onfocus和onblur事件应用举例
一. onfocus(获得焦点事件) 当一个文本框获得焦点时,它里面的文本就像"好123"网站上的百度搜索输入框那样全部被自动选中,这样的操作可以利用onfocus来实现. 以下的 ...
onfocus 事件onblur 事件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
鼠标onfocus或onblur效果
<input type="text" name="" value="我是一个兵" id="test" /> ...
笔记：js:onfocus和onblur事件
onfocus事件 onfocus事件在对象得到焦点的时候触发. 曾经我学习时不明白焦点的定义,那就试一试就明白了 ^ _ ^ 这个闪着蓝光,鼠标光标在的地方就是获得了焦点当然这个蓝色其实是outl ...
div如何添加onfocus和onblur事件
正文有时候自己DIY一些组件的时候,容器一般就用div. 而div默认是没有聚焦的,没有聚焦onfocus和失焦onblur事件. 不过只要加上tabindex属性就好啦,值可以随便些. <d ...
easyui根据select下拉框内容更新表单内容_Ant Design 4.0 的一些杂事儿 - Select 篇
前几篇: Ant Design 4.0 的一些杂事儿 - Table 篇 Ant Design 4.0 的一些杂事儿 - Form 篇聊完了 Table 和 Form 两个重型组件,我们来继续聊聊看 ...
iview 下拉select样式_Ant Design 4.0 的一些杂事儿 - Select 篇
前几篇: Ant Design 4.0 的一些杂事儿 - Table 篇 Ant Design 4.0 的一些杂事儿 - Form 篇聊完了 Table 和 Form 两个重型组件,我们来继续聊聊看 ...
HTML——JS—表单事件+表单提交
目录表单事件表单提交表单事件 <!DOCTYPE html> <html><head><meta charset="utf-8"&g ...

html中onfocus和onblur的使用

html中onfocus和onblur的使用相关推荐

最新文章

热门文章