4.PHP与Web页面及JavaScript交互

四、PHP与Web页面及JavaScript2课程议题了解表单和表单元素了解获取表单数据的两种方法掌握PHP传递参数的方法url传递参数编码和解码技术获取各种表单数据的操作PHP与JavaScript的交互3表单设计网页当中的表单(form)是程序和用户进行交互的一个主要的途径，一般用来接收用户的输入值。4表单设计在HTML语言中，使用form/form来定义一个表单。id:在网页当中有多个表单的情况下唯一的识别该表单name:作用和id一样但id还有一个重要的作用就是做css的选择器action:表明表单提交之后由谁来处理method:表单页面和处理页面间数据的传送方式一般有post和get两种方法。target：设置返回信息的显示方式enctype：设置表单的编码方式5表单设计POST方法和GET方法的区别POST方法在URL当中没有任何提示能传递大量的数据GET方法能产生出显示数据传递的URL，安全性较差传递的数据量不能超过250个字符6表单设计－表单元素表单元素说明inputtype=checkbox复选框，允许用户选择多个选择项inputtype=file文件浏览框，当文件上传时，可用来打开一个模式窗口以选择文件inputtype=hidden隐藏标签，用于在表单中以隐含方式提交变量值inputtype=password密码文本框，用户在该文本框输入字符时将被替换显示为*号inputtype=radio单选项，用于设置一组选择项，用户只能选择一个inputtype=reset清除与重置表单内容，用于清除表单中所有文本框的内容，而且使选择菜单项恢复到初始值inputtype=submit表单提交按钮inputtype=text单行文本框select下拉列表框，可单选和多选。默认为单选，如果增加多项选择功能，增加selectname=selectsize=自定义列数multiple=multiple即可option列表下拉菜单，和select配合使用，显示供选择的值textarea多行文本框，在使用文本框时需要关闭标签之间的文本内容，形成如下格式：Textarea你的文字/Textarea7表单设计－元素属性属性名称说明name文本框的名称，PHP根据该名称，在超级全局数组中建立以name为名称的键名size文本框的宽度，在select下拉菜单中，表示可以看到的选项行数value文本框中的默认值，注意，该值不能应用到type=file文件文本框中multiple此属性用于下拉列表菜单select中，指定该选项用户可以使用Ctrl和Shift键进行多选rows多行文本框显示时可以容纳的字符行数高度cols多行文本框显示时可以容纳的字符列数宽度8表单内部元素其他属性maxlengthenctype=“multipart/form-data”checkedselectedwrap9TextAreaformname=form1method=postaction=index.phptextareaname=acols=20rows=3wrap=softid=a我使用的是软回车！我输出后不换行！/textareatextareaname=bcols=20rows=3wrap=hardid=b我使用的是硬回车！我输出后自动换行！/textareabrinputtype=submitname=Submitvalue=提交/form?phpechonl2br($_POST[a]).br;echonl2br($_POST[b]);?10post和get方法$_POST[]$_GET[]$_SESSION[name]：注意：表单元素名称区分大小写获取表单元素的值，参数为表单元素的name11在web页嵌入php脚本嵌入方法有二种：直接在html标记中添加?phpphp代码?对表单元素的value属性赋值12表单设计13文本框type=textname\value\size\maxlength赋值value=“?phpecho‘aaa’?”获取值$_POST[“”]14密码框type＝password其他的和文本框一致15单选按钮注意：同一form中可以有多对单选按钮。但同一对相斥radio必须具有相同的name。checked表示该项被选中16复选框各复选框的名称相同，name可以是数组形式valuechecked获取选中的项：可以直接用数组var_dump($_POST[check])17下拉列表selectoptionselectedmultiplename获取选中值$_POST[“”]多选name为数组18fileif($_POST['submit']!=){echo您的个人简历内容是：;echo姓名:.$_POST['user'];echo性别:.$_POST['sex'];echo密码:.$_POST['pwd'];echo学历:.$_POST['select'];echo爱好：;for($i=0;$icount($_POST[fond]);$i++)echo$_POST[fond][$i].  ;$path='./upfiles/'.$_FILES['photo']['name'];move_uploaded_file($_FILES['photo']['tmp_name'],$path);echo个人写真：.$path;echo个人简介：.$_POST[intro];}?19url参数的编码、解码urlencodeurldecode20PHP与JavaScript的交互引入js文件跟静态页面中的方式一致PHP中调用JavaScript是通过表单验证来控制页面的提交。验证数据通过客户端验证可以利用PHP来输出到页面JavaScript脚本，其实JavaScript脚本就是文本21总结了解表单和表单元素了解获取表单数据的两种方法掌握PHP传递参数的方法url传递参数编码和解码基数获取各种表单数据的操作PHP与JavaScript的交互