- 1、本文档共26页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
本章内容任务1:创建用户注册页面任务2:注册信息输入验证任务3:用户头像上传任务4:将注册信息写入数据库
4.1任务1:创建用户注册页面
本节主要内容掌握表单设计理解HTTP协议基本概念掌握响应客户请求的处理方法;
表单表单:获取用户信息,使网页具有交互的功能form标签用于创建表单,格式如下:formaction=method=表单内容/form属性名用法action?处理程序的程序名,通常是URLmethod提交方式,可以是GET或POSTGET方式,以文本的形式提交数据,有长度限制POST方式,以封装的形式提交数据,无长度限制?
表单用户输入区:用于接受用户输入INPUT标签用于创建用户输入区,共有8种类型
GET提交方式formmethod=GETaction=doLogin.phpinputtype=textname=txtUsernameid=txtUsernamevalue=/inputtype=passwordname=txtPasswordid=txtPasswordvalue=/inputtype=submit/inputtype=reset//formxxxxxx/doLogin.php?txtUsername=admintxtPassword=123GET方法传递数据时,把表单中变量名和值附加到ACTION属性中指定的URL后,并使用”?“分割。GET方法会显示用户的名称和密码,建议提交重要数据使用POST方法
POST提交方法POST方法比GET方法更安全,它不会把表单数据显示在URL中;而且POST方法可以传递更长的数据内容。formmethod=POSTaction=doLogin.phpinputtype=textname=txtUsernameid=txtUsernamevalue=/inputtype=passwordname=txtPasswordid=txtPasswordvalue=/inputtype=submitname=btnSubmit/inputtype=resetname=btnReset//formxxxxxx/doLogin.php
使用PHP全局变量变量名作用与用法$_GETGET方法提交数据所构成的数组,用法如下,如:$_GET[‘username’],获取username文本框中的值$_POSTPOST方法提交数据所构成的数组$_COOKIE通过HTTPCookie传递到页面的信息$_SESSION包含所有与会话变量有关的信息,常用于会话控制和页面间传值$_FILES包含通过POST方法传递的已上传文件数组$_GLOBALS由所有已定义的全局变量组成的数组$_REQUEST由$_GET,$_POST和$_COOKIE组成的数组。$_SERVER服务器相关的信息
例4-1:使用get方法传递表单数据实现用户登录表单(ch4_1.php),表单的传值方式为get。用户在表单中输入用户名和密码后,单击提交按钮,然后在接收页面(ch4_1_ok.php)中显示输入的用户名和密码。用户登录表单设计如图所示。
例4-1:使用get方法传递表单数据设计思路:使用form标签添加表单,使用输入控件添加表单元素。为了表单的美观性,使用CSS样式表来修改表单的设计外观。由于表单的传值方式为get,故使用全局变量$_GET在接收页面提取表单元素的数据。
编辑样式表文件styledform.cssform{display:table;padding:10px;border:thindotted#7e7e7e;margin:20pxauto; /*实现页面居中显示效果*/ }formtextarea{width:300px;height:200px; }div.tableRow{ display:table-row;}div.tableRowp{ display:table-cell; vertical-align:top; padding:3px; }div.tableRowp:first-child{ text-align:right; width:100px;}div.tableRowp.heading{ font-weight:bold; font-size:+2; text-align:center; padding:20px
文档评论(0)