HTML基础

HTML:

HTML基础_第1张图片

javascript:

javascript语法格式:

<script language="JavaScript">
   ……
</script>
<html>
	<head>
		<script language="javascript">
		function getname(str){
      
			alert("Hello "+str+" !!!");
		}

		script>
	head>
	<body>
		<form>
			<input type="text" name="text1" onblur=" getname(this.value)">
			<input type="button" name="Button" value="submit" onclick="getname(this.value)">
		form>
	body>
html>

onBlur 事件表示失去焦点事件,this.value 表示当前 input 对象的输入值

内嵌JavaScript的代码,点击提交和将光标从输入框中移开时都会触发getname()函数
HTML基础_第2张图片
HTML基础_第3张图片
HTML Form表单

<html>
	<head>
		
	head>

	<body>
		<form name="FORM" method="post" action="login.php">
			<p align='center'>用户名:
				<input type='text' name='user' size=10>
			p>
			<p align='center'>密码:
				<input type='password' name='pass' size=10>
			p>
		<div align='center'>
			<input type="submit" value='submit'>
		div>
		form>
	body>
html>

HTML基础_第4张图片

你可能感兴趣的:(HTML基础)