PHP基础教程-零基础学习PHP-JavaScript高级.ppt

* * * * * * * * * * * * * 幻灯片放映结束！ O ∩_∩ O谢谢大家耐心观看！ 唐玄奘西天取经，西天为何方？ 取何经？ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 其他 ：下拉列表 ：下拉列表选项 ：文本域 rows和cols 事件处理程序和表单元素简介 INPUT type “button” value “注册 onClick button_click 当事件发生时，将执行与之相关的 JavaScript 代码 当发生特定事件时，事件处理程序指定要执行哪些 JavaScript 代码 事件处理程序和表单元素简介 当用户单击“注册”按钮时，将弹出一条消息。 SCRIPT LANGUAGE JavaScript function button_click alert “请向本网站注册 ; INPUT type “button” value “注册“ onClick button_click 文本框对象 文本框元素用于在表单中输入字、词或一系列数字 可以通过将 HTML 的 INPUT 标签中的 type 设置为“text”，以创建文本框元素 INPUT type text name t1 文本框对象 – 事件处理程序 文 本 框 事件 onBlur 文本框失去焦点 onChange 文本框的值被修改 onFocus 光标进入文本框中 方法 focus 获得焦点，即获得鼠标光标 select 选中文本内容，突出显示输入区域 属性 readonly 只读，文本框中的内容不能修改 文本框对象 card price number tot myform 练习 要求： 当光标进入帐号文本框，清空里面所有内容 当光标离开帐号文本框，检查输入内容是否为“10”开头，并且是数字，如果有误，弹出提示框 单价文本框预设价钱25.00，设为只读 当修改数量文本框时，计算总价，并显示在总价文本框中 命令按钮对象 命令按钮对象是网页中最常用的元素之一 INPUT type submit name button1 value 提交 INPUT type reset name button2 value 重置 INPUT type button name button3 value 计算 “按钮 - 事件处理程序 表单元素 事件处理程序 说明 命令按钮 onSubmit 表单提交事件，单击“提交”按钮时产生，此事件属于 元素，不属于提交按钮 onClick 按钮单击事件 onSubmit事件处理代码： FORM onSubmit ”return 调用函数名” … 如果函数返回true，则向远程服务器提交表单； 如果函数返回false，则取消提交。 命令按钮事件处理程序 userName pass1 pass2 type reset type submit myform 练习 要求 当点击注册按钮提交表单时，判断密码文本框内容和确认密码文本框内容是否相同。 如果两个密码输入不同，则弹出提示框，停止表单提交 相同再进行提交 复选框对象 当用户需要在选项列表中选择多项时，可以使用复选框对象 要创建复选框对象，请使用 标签 请选择您的爱好 INPUT type “checkbox” value “电影” 电影 INPUT type “checkbox” value “电影” 电影 复选框 - 事件处理程序 复选框 · 事件 onBlur 复选框失去焦点 onFocus 复选框获得焦点 onClick 复选框被选定或取消选定 属性 checked 复选框是否被选中，选中为true，未选中为false。您可以使用此属性查看复选框的状态或设置复选框是否被选中 value 设置或获取复选框的值 复选框 - 事件处理程序 checkbox1 checkbox2 checkbox3 设置复选框的值 checkbox4 myform 练习 要求 当点击成交按钮时，检查每个复选框的选中情况，累计用户选中的商品 弹出确认提示框，显示客户选中商品，询问客户是否确认购买 如果客户点击确认，则在页面上显示详细购买信息 单选按钮对象 当用户只需要从选项列表中选择一个选项时，可以使用单选按钮对象 要创建单选按钮对象，请使用 标签 INPUT type “radio” value “M” 男 INPUT type “radio” value “F” 女 单选按钮 - 事件和属性 单选按钮 · 事件 onBlur 单选按钮失去焦点 onFocus 单选按钮获得焦点 onClick 单选按