事件——form表单内传递某一个节点内容

众所周知，在H5之中有事件处理程序。这也是我们常用的绑定事件的方式之一：
在标签内通过撰写事件名进行事件绑定，从而达到H5和JS的一个链接。
我们先用点击事件（onclick）距离：

	<script type="text/javascript">
		function showMessage(){
			alert('感觉自己应该弹出一点什么')
		}
	</script>
	<input type="button" value="echoUserName" onclick="showMessage()"/>

如上，我们在js之中定义方法，在 input 标签里通过 οnclick=“showMessage()” 来将JS的事件绑定在按钮上，图示如下：

在点击按钮之后，会弹出下方的提示框。

在需求之中，我们经常会用到表单，在用表单的时候，我们经常会对表单之中的某些内容进行判断。

比如，当我们输入用户密码的时候，需要对用户名进行判断。对于注册用户来说，肯定希望在输入完成的时候直接进行判断用户名是否已存在，这时就需要获取到输入的内容。

代码如下：

	<script type="text/javascript">
			function textName(name){
				alert(name)
			}
		</script>
		<form action="index.html" method="post">
			<input type="text" name="username" id="username" value="" />
			<input type="button" value="检查是否用户名重复" onclick="textName(username.value)"/>
		</form>

效果如下：

我们可以通过直接 οnclick=“textName(username.value)” 直接传递form表单内的username的值。