网页小知识---onblur,onfocus和表单提交的两种方式

 

onBlur事件：onBlur事件是当光标离开文本框中时发生的事件。

 onfocus事件：onfocus事件在对象获得焦点时发生的事件。

对网页进行渲染便要用到onblur和onfocus

例子1

<input type="text"  value="User name" οnfοcus="this.value = '';" οnblur="if (this.value == '') {this.value = 'User name';}"/>

<input type="password"  value="Password" οnfοcus="this.value = '';" οnblur="if (this.value == '') {this.value = 'password';}"/>

当鼠标光标未在username文本框中显示如图，否则文本为空白直到由人为输入文本。

关于表单的提交

1  <form method="post/get" onsubit=" return method（）;">

<input type="submit" name="login" value="login"/>

</form>

当然可以在input标签内写一个click事件，这是form标签内的onsubmit要删除

注意：

1. 1.onsubmit属性内容一定要有return关键字，否则函数会直接执行，不会返回  
2. 2.method一定要返回一个boolean类型的返回值  
3. 3.提交按钮要写成submit类型的  
4. 4.method是一个写在body和head之间的JavaScript部分的方法。

2<button type="button" οnclick="method();">login</button>

或者可以将button换成input