- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章PHP与Web页面的交互示例详解一由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.
前言 。
这篇笔记记录的是web表单的相关操作,web表单主要用来在网页中发送数据到服务器。比如在日常开发中,提交注册时需要提交表单,表单从客户端传送到服务器,经过服务器处理后,再将用户所需要的信息传递回客户端,进而实现php与web表单的交互.
表单 。
1
2
3
4
5
6
7
|
使用<form>元素,并在其中插入相关的表单元素,即可创建一个表单。
表单结构:
<form name=
"form_name"
method=
"method"
action=
"url"
enctype=
"value"
target=
"target_win"
>
…
//省略插入的表单元素
</form >
|
form标记的属性如下表:
。
form标记的属性 | 说明 |
---|---|
name | 表单名称 |
method | 设置表单的提交方式,get或者post方法 |
action | 纸箱处理该表单页面的url |
enctype | 设置表单内容的编码方式 |
target | 设置返回信息的显示方式 |
。
1
|
表单(form)由表单元素组成。常用的表单元素有以下几种标记:输入域标记<input>、选择域标记<select>和<option>、文字域标记<textarea>等。
|
输入域标记<input> 。
输入域标记<input>是表单中最常用的标记之一。常用的文本框、按钮、单选按钮、复选框等构成了一个完整的表单。 语法格式如下:
1
2
3
|
<form>
<input name=
"file_name"
type=
"type_name"
>
</form>
|
参数name是指输入域的名称,参数type是指输入域的类型。在<input type="">标记中一共提供了10种类型的输入区域,用户所选择使用的类型由type属性决定.
下面举几个type属性例子
1、text 。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<!doctype html
public
"-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv=
"content-type"
content=
"text/html; charset=gb2312"
/>
<title>php语言基础</title>
</head>
<body>
<form action=
"index.php"
method=
"post"
name=
"form1"
enctype=
"multipart/form-data"
>
<tr bgcolor=
"#ffcc33"
>
<td width=
"103"
height=
"25"
align=
"right"
>文本框:</td>
<td height=
"25"
align=
"left"
><input name=
"user"
type=
"text"
value=
"bill"
id=
"user"
size=
"20"
maxlength=
"100"
></td>
</tr>
</form>
<?php
header(
"content-type:text/html; charset=gb2312"
);
?>
</body>
</html>
|
运行效果:
name为文本框的名称,value是文本框的默认值,size为文本框的宽度,maxlength为文本框的最大输入字符数,可以通过id获取文本框的值.
2、password 。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<!doctype html
public
"-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv=
"content-type"
content=
"text/html; charset=gb2312"
/>
<title>php语言基础</title>
</head>
<body>
<form action=
"index.php"
method=
"post"
name=
"form1"
enctype=
"multipart/form-data"
>
<tr bgcolor=
"#ffcc33"
>
<td width=
"103"
height=
"25"
align=
"right"
>密码域:</td>
<td height=
"25"
align=
"left"
>
<input name=
"pwd"
type=
"password"
value=
"1234567"
id=
"password"
size=
"20"
maxlength=
"100"
>
</td>
</tr>
</form>
<?php
header(
"content-type:text/html; charset=gb2312"
);
?>
</body>
</html>
|
运行结果:
密码域,用户在该文本框中输入的字符将被替换为*显示,以起到保密作用.
3、file 。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<!doctype html
public
"-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv=
"content-type"
content=
"text/html; charset=gb2312"
/>
<title>php语言基础</title>
</head>
<body>
<form action=
"index.php"
method=
"post"
name=
"form1"
enctype=
"multipart/form-data"
>
<tr bgcolor=
"#ffcc33"
>
<td width=
"103"
height=
"25"
align=
"right"
>文件域:</td>
<td height=
"25"
align=
"left"
>
<input name=
"file"
type=
"file"
enctype=
"multipart/form-data"
id=
"upfile"
size=
"20"
maxlength=
"200"
>
</td>
</tr>
</form>
<?php
header(
"content-type:text/html; charset=gb2312"
);
?>
</body>
</html>
|
运行结果:
文件域,当文件上传时,可以用来打开一个模式窗口来选择文件。然后将文件通过表单上传到服务器,上传文件时需要指明表单的属性enctype=”multipart/form-data”才可以实现上传功能.
4、image 。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<!doctype html
public
"-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv=
"content-type"
content=
"text/html; charset=gb2312"
/>
<title>php语言基础</title>
</head>
<body>
<form action=
"index.php"
method=
"post"
name=
"form1"
enctype=
"multipart/form-data"
>
<tr bgcolor=
"#ffcc33"
>
<td width=
"103"
height=
"25"
align=
"right"
>图像域:</td>
<td height=
"25"
align=
"left"
>
<input name=
"image"
type=
"image"
src=
"btn__details_praise_selected.png"
id=
"img"
width=
"40"
height=
"40"
border=
"0"
>
</td>
</tr>
</form>
<?php
header(
"content-type:text/html; charset=gb2312"
);
?>
</body>
</html>
|
运行效果:
图像域是指可以用在提交按钮位置上的图片,这副图片具有按钮的功能 。
5、radio 。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
<!doctype html
public
"-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv=
"content-type"
content=
"text/html; charset=gb2312"
/>
<title>php语言基础</title>
</head>
<body>
<form action=
"index.php"
method=
"post"
name=
"form1"
enctype=
"multipart/form-data"
>
<tr bgcolor=
"#ffcc33"
>
<td width=
"103"
height=
"25"
align=
"right"
>单选按钮:</td>
<td height=
"25"
align=
"left"
>
<input name=
"sex"
type=
"radio"
value=
"1"
checked>男
<input name=
"sex"
type=
"radio"
value=
"0"
>女
</td>
</tr>
</form>
<?php
header(
"content-type:text/html; charset=gb2312"
);
?>
</body>
</html>
|
运行结果:
单选按钮,用于设置一组选择项,用户只能选择一项。checked属性用来设置该单选按钮默认被选中.
6、checkbox 。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<!doctype html
public
"-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv=
"content-type"
content=
"text/html; charset=gb2312"
/>
<title>php语言基础</title>
</head>
<body>
<form action=
"index.php"
method=
"post"
name=
"form1"
enctype=
"multipart/form-data"
>
<tr bgcolor=
"#ffcc33"
>
<td width=
"103"
height=
"25"
align=
"right"
>复选框:</td>
<td height=
"25"
align=
"left"
>
<input name=
"checkbox"
type=
"checkbox"
value=
"1"
checked>苹果
<input name=
"checkbox"
type=
"checkbox"
value=
"1"
checked>小米
<input name=
"checkbox"
type=
"checkbox"
value=
"1"
>三星
</td>
</tr>
</form>
<?php
header(
"content-type:text/html; charset=gb2312"
);
?>
</body>
</html>
|
运行结果:
复选框,允许用户选择多个选择项。checked属性用来设置该复选框默认被选中.
7、submit 。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<!doctype html
public
"-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv=
"content-type"
content=
"text/html; charset=gb2312"
/>
<title>php语言基础</title>
</head>
<body>
<form action=
"index.php"
method=
"post"
name=
"form1"
enctype=
"multipart/form-data"
>
<tr bgcolor=
"#ffcc33"
>
<td width=
"103"
height=
"25"
align=
"right"
>提交按钮:</td>
<td height=
"25"
align=
"left"
>
<input name=
"submit"
type=
"submit"
value=
"提交"
>
</td>
</tr>
</form>
<?php
header(
"content-type:text/html; charset=gb2312"
);
?>
</body>
</html>
|
运行结果:
将表单的内容提交到服务器端 。
8、reset 。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<!doctype html
public
"-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv=
"content-type"
content=
"text/html; charset=gb2312"
/>
<title>php语言基础</title>
</head>
<body>
<form action=
"index.php"
method=
"post"
name=
"form1"
enctype=
"multipart/form-data"
>
<tr bgcolor=
"#ffcc33"
>
<td width=
"103"
height=
"25"
align=
"right"
>重置按钮:</td>
<td height=
"25"
align=
"left"
>
<input name=
"reset"
type=
"reset"
value=
"重置"
>
</td>
</tr>
</form>
<?php
header(
"content-type:text/html; charset=gb2312"
);
?>
</body>
</html>
|
运行结果:
清除与重置表单内容,用于清除表单中所有文本框的内容,并使选择菜单项恢复到初始值.
9、button 。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<!doctype html
public
"-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv=
"content-type"
content=
"text/html; charset=gb2312"
/>
<title>php语言基础</title>
</head>
<body>
<form action=
"index.php"
method=
"post"
name=
"form1"
enctype=
"multipart/form-data"
>
<tr bgcolor=
"#ffcc33"
>
<td width=
"103"
height=
"25"
align=
"right"
>普通按钮:</td>
<td height=
"25"
align=
"left"
>
<input name=
"button"
type=
"button"
value=
"注册"
>
</td>
</tr>
</form>
<?php
header(
"content-type:text/html; charset=gb2312"
);
?>
</body>
</html>
|
运行结果:
按钮可以激发提交表单的动作,可以在用户需要修改表单时,将表单恢复到初始的状态,还可以依照程序的需要发挥其他作用.
10、hidden 。
1
|
<input type=
"hidden"
name=
"信息"
>
|
隐藏域,用于在表单中以隐含方式提交变量值。隐藏域在页面中对于用户是不可见的,添加隐藏域的目的在于通过隐藏的方式收集或者发送信息.
选择域标记<select>和<option> 。
通过选择域标记<select>和<option>可以建立一个列表或者菜单。菜单的使用是为了节省空间,正常状态下只能看到一个选项,单击右侧的下三角按钮打开菜单后才能看到全部的选项。列表可以显示一定数量的选项,如果超出了这个数量,会自动出现滚动条,浏览者可以通过拖动滚动条来查看各选项.
语法格式如下:
1
2
3
4
5
6
|
<select name=
"name"
size=
"value"
multiple>
<option value=
"value"
selected>选项1</option>
<option value=
"value"
>选项2</option>
<option value=
"value"
>选项3</option>
…
</select>
|
参数name表示选择域的名称;参数size表示列表的行数;参数value表示菜单选项值;参数multiple表示以菜单方式显示数据,省略则以列表方式显示数据.
1、列表方式 。
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
|
<!doctype html
public
"-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv=
"content-type"
content=
"text/html; charset=gb2312"
/>
<title>php语言基础</title>
</head>
<body>
<form action=
"index.php"
method=
"post"
name=
"form1"
enctype=
"multipart/form-data"
>
<tr bgcolor=
"#ffcc33"
>
<td width=
"103"
height=
"25"
align=
"right"
>喜欢哪种编程语言:</td>
<td height=
"25"
align=
"center"
>
<select name=
"name"
id=
"code"
>
<option value=
"1"
selected>java语言</option>
<option value=
"2"
>c语言</option>
<option value=
"3"
>js语言</option>
<option value=
"4"
>php语言</option>
</select>
</td>
</tr>
</form>
<?php
header(
"content-type:text/html; charset=gb2312"
);
?>
</body>
</html>
|
运行结果:
下拉列表框,通过选择域标记<select>和<option>建立一个列表,列表可以显示一定数量的选项,如果超出了这个数量,会自动出现滚动条,浏览者可以通过拖动滚动条来查看各选项。selected属性用来设置该菜单时默认被选中.
2、菜单方式 。
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
|
<!doctype html
public
"-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv=
"content-type"
content=
"text/html; charset=gb2312"
/>
<title>php语言基础</title>
</head>
<body>
<form action=
"index.php"
method=
"post"
name=
"form1"
enctype=
"multipart/form-data"
>
<tr bgcolor=
"#ffcc33"
>
<td width=
"103"
height=
"25"
align=
"right"
>喜欢哪种编程语言:</td>
<td height=
"25"
align=
"center"
>
<select name=
"name"
id=
"code"
multiple>
<option value=
"1"
selected>java语言</option>
<option value=
"2"
>c语言</option>
<option value=
"3"
>js语言</option>
<option value=
"4"
>php语言</option>
</select>
</td>
</tr>
</form>
<?php
header(
"content-type:text/html; charset=gb2312"
);
?>
</body>
</html>
|
运行结果:
1
|
> multiple属性用于菜单列表```<select>```标记中,指定该选项的用户可以使用shift和ctrl键进行多选
|
文字域标记<textarea> 。
文字域标记<textarea>用来制作多行的文字域,可以在其中输入更多的文本.
语法格式如下:
1
2
3
|
<textarea name=
"name"
rows=value cols=value value=
"value"
warp=
"value"
>
…文本内容
</textarea>
|
参数name表示文字域的名称;rows表示文字域的行数;cols表示文字域的列数(这里的rows和cols以字符为单位);value表示文字域的默认值,warp用于设定显示和送出时的换行方式,值为off表示不自动换行,值为hard表示自动硬回车换行,换行标记一同被发送到服务器,输出时也会换行,值为soft表示自动软回车换行,换行标记不会被发送到服务器,输出时仍然为一列.
例如:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<!doctype html
public
"-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"
>
<html xmlns=
"http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv=
"content-type"
content=
"text/html; charset=gb2312"
/>
<title>php语言基础</title>
</head>
<body>
<form action=
"index.php"
method=
"post"
name=
"form1"
enctype=
"multipart/form-data"
>
<tr bgcolor=
"#ffcc33"
>
<td width=
"103"
height=
"25"
align=
"right"
>请写下你的留言:</td>
<td height=
"25"
align=
"center"
>
<textarea rows=
"5"
cols=
"20"
name=
"remark"
id=
"remark"
>留言...</textarea>
</td>
</tr>
</form>
<?php
header(
"content-type:text/html; charset=gb2312"
);
?>
</body>
</html>
|
运行结果:
到此这篇关于php与web页面的交互示例详解一的文章就介绍到这了,更多相关php与web页面的交互内容请搜索我以前的文章或继续浏览下面的相关文章希望大家以后多多支持我! 。
原文链接:https://blog.csdn.net/hai_qing_xu_kong/article/details/51660273 。
最后此篇关于PHP与Web页面的交互示例详解一的文章就讲到这里了,如果你想了解更多关于PHP与Web页面的交互示例详解一的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
这个问题在这里已经有了答案: 关闭 11 年前。 Possible Duplicate: Sample data for IPv6? 除了 wireshark 在其网站上提供的内容之外,是否有可以下
我正在寻找可以集成到现有应用程序中并使用多拖放功能的示例或任何现成的解决方案。我在互联网上找到的大多数解决方案在将多个项目从 ListBox 等控件拖放到另一个 ListBox 时效果不佳。谁能指出我
我是 GATE Embedded 的新手,我尝试了简单的示例并得到了 NoClassDefFoundError。首先我会解释我尝试了什么 在 D:\project\gate-7.0 中下载并提取 Ga
是否有像 Eclipse 中的 SWT 示例那样的多合一 JFace 控件示例?搜索(在 stackoverflow.com 上使用谷歌搜索和搜索)对我没有帮助。 如果它是一个独立的应用程序或 ecl
我找不到任何可以清楚地解释如何通过 .net API(特别是 c#)使用谷歌计算引擎的内容。有没有人可以指点我什么? 附言我知道 API 引用 ( https://developers.google.
最近在做公司的一个项目时,客户需要我们定时获取他们矩阵系统的数据。在与客户进行对接时,提到他们的接口使用的目前不常用的BASIC 认证。天呢,它好不安全,容易被不法人监听,咋还在使用呀。但是没办法呀,
最近在做公司的一个项目时,客户需要我们定时获取他们矩阵系统的数据。在与客户进行对接时,提到他们的接口使用的目前不常用的BASIC 认证。天呢,它好不安全,容易被不法人监听,咋还在使用呀。但是没办法呀,
我正在尝试为我的应用程序设计配置文件格式并选择了 YAML。但是,这(显然)意味着我需要能够定义、解析和验证正确的 YAML 语法! 在配置文件中,必须有一个名为 widgets 的集合/序列。 .这
你能给我一个使用 pysmb 库连接到一些 samba 服务器的例子吗?我读过有类 smb.SMBConnection.SMBConnection(用户名、密码、my_name、remote_name
linux服务器默认通过22端口用ssh协议登录,这种不安全。今天想做限制,即允许部分来源ip连接服务器。 案例目标:通过iptables规则限制对linux服务器的登录。 处理方法:编
我一直在寻找任何 PostProjectAnalysisTask 工作代码示例,但没有看。 This页面指出 HipChat plugin使用这个钩子(Hook),但在我看来它仍然使用遗留的 Po
我发现了 GWT 的 CustomScrollPanel 以及如何自定义滚动条,但我找不到任何示例或如何设置它。是否有任何示例显示正在使用的自定义滚动条? 最佳答案 这是自定义 native 滚动条的
我正在尝试开发一个 Backbone Marionette 应用程序,我需要知道如何以最佳方式执行 CRUD(创建、读取、更新和销毁)操作。我找不到任何解释这一点的资源(仅适用于 Backbone)。
关闭。这个问题需要details or clarity .它目前不接受答案。 想改进这个问题?通过 editing this post 添加详细信息并澄清问题. 去年关闭。 Improve this
我需要一个提交多个单独请求的 django 表单,如果没有大量定制,我找不到如何做到这一点的示例。即,假设有一个汽车维修店使用的表格。该表格将列出商店能够进行的所有可能的维修,并且用户将选择他们想要进
我有一个 Multi-Tenancy 应用程序。然而,这个相同的应用程序有 liquibase。我需要在我的所有数据源中运行 liquibase,但是我不能使用这个 Bean。 我的应用程序.yml
我了解有关单元测试的一般思想,并已在系统中发生复杂交互的场景中使用它,但我仍然对所有这些原则结合在一起有疑问。 我们被警告不要测试框架或数据库。好的 UI 设计不适合非人工测试。 MVC 框架不包括一
我正在使用 docjure并且它的 select-columns 函数需要一个列映射。我想获取所有列而无需手动指定。 如何将以下内容生成为惰性无限向量序列 [:A :B :C :D :E ... :A
$condition使用说明和 $param在 findByAttributes在 Yii 在大多数情况下,这就是我使用 findByAttributes 的方式 Person::model()->f
我在 Ubuntu 11.10 上安装了 qtcreator sudo apt-get install qtcreator 安装的版本有:QT Creator 2.2.1、QT 4.7.3 当我启动
我是一名优秀的程序员,十分优秀!