《WEB前端设计》表单按钮
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
表单按钮
教学目标
Teaching Goal
1
• 理解按钮型表单的作用
• 掌握按钮型表单的添加与设置
2
教学内容
Teaching Content
按钮型表单
WEB PAGE CATEGORY
• 作用
表单按钮：包括特殊按钮（提交按钮、复位按钮）和一般按钮；用于将数据传送到服务器上的CGI 脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。 特殊按钮，一般不需另加动作，当按下按钮时就有动作发生； 普通按钮，必须加上指定的动作并用相应的事件来触发，才会在事件发生时激发动作，否则按下 普通按钮，什么也不发生。
<input type=“reset“ name=“res” value=”全部重置" class=“c1"/>
单选框表单
WEB PAGE CATEGORY
• 普通按钮
<input type=“button“ name=“but” value=“普通按钮” class=“c1“ onclick=”交互事件"/>
3
教学小结
Teaching Summary
本节主要讲解表单按钮的相关内容，重点掌握提交按钮、重置 按钮与普通按钮的区别以及设置方法，要求学习者理解并加以 应用。
按钮型表单
WEB PAGE CATEGORY
• 提交按钮
<input type="submit“ name=“ቤተ መጻሕፍቲ ባይዱub” value="提交注册" class=“c1“ method=“get/post”/>
• 重置按钮
注释：get提交，就是把表单内的元素，转化成url参数提交，参数 有限，不能提交大量数据，而且安全性不高。用post方式提交，就 不会使用url传参数，而且数据量几乎没有限制，这样可以提交大 量的数据，安全性可靠！
教学目标
Teaching Goal
1
• 理解按钮型表单的作用
• 掌握按钮型表单的添加与设置
2
教学内容
Teaching Content
按钮型表单
WEB PAGE CATEGORY
• 作用
表单按钮：包括特殊按钮（提交按钮、复位按钮）和一般按钮；用于将数据传送到服务器上的CGI 脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。 特殊按钮，一般不需另加动作，当按下按钮时就有动作发生； 普通按钮，必须加上指定的动作并用相应的事件来触发，才会在事件发生时激发动作，否则按下 普通按钮，什么也不发生。
<input type=“reset“ name=“res” value=”全部重置" class=“c1"/>
单选框表单
WEB PAGE CATEGORY
• 普通按钮
<input type=“button“ name=“but” value=“普通按钮” class=“c1“ onclick=”交互事件"/>
3
教学小结
Teaching Summary
本节主要讲解表单按钮的相关内容，重点掌握提交按钮、重置 按钮与普通按钮的区别以及设置方法，要求学习者理解并加以 应用。
按钮型表单
WEB PAGE CATEGORY
• 提交按钮
<input type="submit“ name=“ቤተ መጻሕፍቲ ባይዱub” value="提交注册" class=“c1“ method=“get/post”/>
• 重置按钮
注释：get提交，就是把表单内的元素，转化成url参数提交，参数 有限，不能提交大量数据，而且安全性不高。用post方式提交，就 不会使用url传参数，而且数据量几乎没有限制，这样可以提交大 量的数据，安全性可靠！