PHP与Web页面交互
表单
Web表单的功能是让浏览者和网站有一个互动的平台。Web表单主要用来在网页中发送数据到服务器,例如,提交注册信息时需要使用表单.当用户填写信息后做提交(submit)操作,即将表单的内容从客户端的浏览器传送到服务端,经过服务器上的PHP程序进行处理后,再将用户所需的信息传递回客户端的浏览器上.通过获得用户信息,使用PHP与Web表单实现了交互。
如何创建表单
使用<form>标记,并在其中插入相关的表单元素,即可创建一个表单.
表单结构如下:
<form name="form_name" method="method" action="url" enctype="value" target="target_win" id="id">
......插入的表单元素
</form>
From标记的属性
Name:表单名称
Method:定义表单中数据的提交方式,可取值为GET 和POST中的一个。
Action:将表单中的数据提交到哪个文件中进行处理,这个地址可以是绝对的URL,也可以是相对的URL。
Enctype:application/x-www-form-urlencoded:默认的MIME类型,表示表单数据应该被编码成一个长串。
Multipart/form-data:上传文件专用类型,表示将每一个编码作为一个独立的部分使用。
Target:该属性和链接中的同名属性类似,用来指定目标窗口和目标帧。target的属性值。
_blank:将返回页面信息显示在新的窗口中。
Parent:将返回信息显示在父级窗口中。
Self:将返回信息显示在当前窗口中。
Top:将返回信息显示在顶级窗口中。
表单元素
表单(form)由表单元素组成。常用的表单元素有以下几种标记:输出域标记<input>、选择域标记<select>、文字域标记<textarea>等。
1、输入域标记<input>
输入域标记<input>是表单中最常的标记之一。常用的输入域标记有文本框、按钮、单选按钮、复选框、文件域等。
语法格式如下:
<input name="filed_name" type="type_name">
参数name是指输入域的名称,参数type是指输入域的类型。用户选择使用的类型由type属性决定,type属性取值
2.选择域标记<select>和<option>
通过选择域标记<select>和<option>可以建立一个列表或者菜单。菜单的使用是为了节省空间,正常状态下只能看到菜单的一个选项,单击右侧的下三角按钮打开菜单后才能看到全部的选择,列表可以显示一定数量的选项,如果超出了这个数量,会自动出现滚动条,浏览者可以通过拖动滚动条看各选项。
3、文本域标记<textarea>
文本标记<textarea>用来制作多行的文本域,可以在其中输入更多的文本。
语法格式如下:
<textarea name="名称" rows=”行数” cols=”列数” wrap="soft|hard">
文本内容
</textarea>
其中参数name表示文本域的名称;row表示文本域的行数;cols表示文本域的列数;参数value表示文字域的默认值;参数wrap用于设定显示和送出时的换行方式,值为off表示不自动换行,值为hard表示自动硬回车换行。wrap的值
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 | < form action = "" method = "post" > < fieldset > < legend >学生档案</ legend > < label for = "" > 姓名: < input type = "text" required autofocus placeholder = "请输入姓名" > </ label > < label for = "" > 学号: < input type = "tel" pattern = "1\d{10}" placeholder = "学号 " > </ label > < label for = "" > 邮箱地址: < input type = "email" placeholder = "请输入邮箱地址" > </ label > < label for = "" > 所属学院: < input type = "text" list = "course" placeholder = "新华电脑专修学院" > < datalist id = "course" > < option value = " 新华电脑专修学院" ></ option > < option value = "PHP" ></ option > < option value = "JAVA" ></ option > < option value = "Android" ></ option > < option value = "IOS" ></ option > < option value = "UI设计" ></ option > < option value = "C++" ></ option > </ datalist > </ label > < label for = "" > 入学成绩: < input type = "number" max = "100" id = "score" step = "10" value = "80" > </ label > < label for = "" > 基础水平: < meter min = "0" max = "100" low = "60" high = "80" value = "80" id = "level" ></ meter > </ label > < label for = "" > 入学日期: < input type = "date" value = "2016-01-01" > </ label > < label for = "" > 毕业时间: < input type = "date" value = "2016-05-01" > </ label > < label for = "" > 课程进度: < progress min = "0" max = "100" value = "10" ></ progress > </ label > < label for = "" > < input type = "submit" value = "保存" > </ label > </ fieldset > </ form > |
共同学习,写下你的评论
作者其他优质文章
我想定制开发听书APP,不知道自己雇人开发好还是找外包公司好? 找外包公司的话怎么防止被坑?后期APP维护,运行需要那方面的人才?