HTML HTML img IMG SRC 1 jpg WIDTH200

  • Slides: 23
Download presentation

HTML 介绍一些基本HTML标记 <img> 标记 <IMG SRC=“ 1. jpg" WIDTH="200" HEIGHT="100" BORDER="10"> 属性:src ; width;

HTML 介绍一些基本HTML标记 <img> 标记 <IMG SRC=“ 1. jpg" WIDTH="200" HEIGHT="100" BORDER="10"> 属性:src ; width; height; hspace; vspace ; border; align; alt; lowsrc 动态网页设计(JSP) http: //www. swust. net. cn

HTML 介绍一些基本HTML标记 <INPUT TYPE="Text" NAME="User. ID"> <INPUT TYPE="Password" NAME="User. PWD"> <INPUT TYPE="Submit" VALUE="提交" NAME="B

HTML 介绍一些基本HTML标记 <INPUT TYPE="Text" NAME="User. ID"> <INPUT TYPE="Password" NAME="User. PWD"> <INPUT TYPE="Submit" VALUE="提交" NAME="B 1"> <INPUT TYPE="Reset" VALUE="重写" NAME="B 2"> TYPE参数值的变化区分辨别域的变化。 其他属性: value;align; size;maxlength checked 动态网页设计(JSP) http: //www. swust. net. cn

Java. Script作用:使得网页交互性更强,更 生动灵活 <SCRIPT LANGUAGE="Java. Script"> Java. Script代码 …. </SCRIPT> 动态网页设计(JSP) http: //www. swust.

Java. Script作用:使得网页交互性更强,更 生动灵活 <SCRIPT LANGUAGE="Java. Script"> Java. Script代码 …. </SCRIPT> 动态网页设计(JSP) http: //www. swust. net. cn

Java. Script 动态网页设计(JSP) http: //www. swust. net. cn

Java. Script 动态网页设计(JSP) http: //www. swust. net. cn

Java. Script on. Click 单击 on. Change 改变 on. Focus 获得焦点 on. Select 选中

Java. Script on. Click 单击 on. Change 改变 on. Focus 获得焦点 on. Select 选中 on. Blur 失去焦点 (text, textarea, select) on. Load 载入文件 on. Unload 卸载文件 动态网页设计(JSP) http: //www. swust. net. cn

Java. Script HTML与Java. Script交互实例 动态网页设计(JSP) http: //www. swust. net. cn

Java. Script HTML与Java. Script交互实例 动态网页设计(JSP) http: //www. swust. net. cn

Java. Script HTML与Java. Script交互实例 部分源代码: 判断用户输入的数据是否合法: if (form 1. username. value == "") {

Java. Script HTML与Java. Script交互实例 部分源代码: 判断用户输入的数据是否合法: if (form 1. username. value == "") { alert("用户名不能为空,请输入用户名 !"); form 1. username. focus(); return false; } 动态网页设计(JSP) http: //www. swust. net. cn

Java. Script HTML与Java. Script交互实例 部分源代码: 密码与确认密码必须一致 if (form 1. userpassword. value != form 1.

Java. Script HTML与Java. Script交互实例 部分源代码: 密码与确认密码必须一致 if (form 1. userpassword. value != form 1. reuserpassword. value) { alert("密码与确认密码不同"); form 1. userpassword. focus(); return false; } 动态网页设计(JSP) http: //www. swust. net. cn

Java. Script HTML与Java. Script交互实例 部分源代码: 判断E-mail输入是否合法: for (i=0; i<form 1. email. value. length; i++)

Java. Script HTML与Java. Script交互实例 部分源代码: 判断E-mail输入是否合法: for (i=0; i<form 1. email. value. length; i++) if (form 1. email. value. char. At(i)=="@") break; if (i==form 1. email. value. length) { alert("非法EMail地址!"); form 1. email. focus(); return false; } 动态网页设计(JSP) http: //www. swust. net. cn