一、web表单

  web表单的功能是让浏览者和网站有一个互动的平台。web表单主要用来在网页中发送数据到服务器。

1.1 表单的创建

使用form标记,并在其中插入相关的表单元素,即可创建一个表单。

 <form name="form_name" method="method" action="url" enctype="value" target="target_win">
.....
</form>
<form name="form1" method="post" action="index2.php">//表单创建

form的属性标记

GET()方法将表单内容附加在url地址后面发送,POST()方法将表单中的信息作为一个数据块发送到服务器上的处理程序中,在浏览器的地址栏上不显示提交的信息。method的属性默认为GET()方法。

1.2 表单元素

表单form由表单元素组成,常用的表单元素有:输入域标记<input>、选择域标记<select>和<option>、文字域标记<testarea>。

(1)输入域标记:

表单格式如下:

 <form>
<input name="file_name" type="type_name">
</form>

范例:

 <form name="form1" method="post" action="index2.php">
<textarea name="a" cols="20" rows="3",wrap="soft">使用的是软回车,输出后不换行</textarea>
<textarea name="b" cols="20" rows="3",wrap="hard">使用的是软回车,输出后自动换行</textarea>
<input type="submit" name="Submit" value="提交">
</form>
<form name="form1" method="post" action="index2.php">
<?php
echo nl2br($_POST[a])."<br>";
echo nl2br($_POST[b]);
?>

(2)选择域标记:

选择域标记<select>、<option>可以建立一个列表或者菜单。

语法格式:

 <select name="name" size="value" multiple>
<option value="value" selected>选项1</option>
<option value="value">选项2</option>
<option value="value">选项3</option>
......
</select>

默认为列表模式,multiple为菜单模式。具体实例如下图:

(3)文字域标记

文字域标记<tectarea>用来建立多行的文字域,可以在其中输入更多的文本。格式如下:

<textarea name="name" rows=value cols=value value="value" warp="value">

....

</textarea>

rows表示文字域的行数,cols表示文字域的列数,以字节为单位。valu表示文字域的默认值,warp用于设定显示和送出时的换行方式,off:不自动换行,hard自动硬回车换行,换行标记一同被送到服务器,soft表示自动软回车换行,换行标记不会被发送到服务器。

 <form name="form1" method="post" action="index2.php">//post表单提价方式
<select name="水果" id="水果" >
<option value="0" selected>苹果</option>
<option value="1" >香蕉</option>
<option value="2">桃子</option>
<option value="3" >橘子</option>
</select> <?php
echo nl2br($_POST[水果])."<br>";//使用函数nl2br()获取表单数据
echo nl2br($_POST[b]);
?>

二、在普通的web页面中插入表单

 <form  name="form" method="post" action ="index.php" enctype="multipart/form-data">
<table width="300" border="1" cellpadding="0" cellspacing="10%"bordercolor="#FFFF00" bgcolor="#00FFFF" >
<tr bgcolor="#FFFF00">
<td width="50" height="25" align="right">姓名:</td>
<td width="100" height="25"><input name="user"type="text"id="user"size="20" maxlength="100"></td>
</tr>
<tr bgcolor="#CC0000">
<td width="50" height="25" align="right">性别:</td>
<td height="25" colspan="2" ><input name="sex" type="radio" value="1" checked>男<input name="sex" type="radio" value="0" checked>女
</tr>
<tr bgcolor="#CCFF66">
<td width="50" height="25" align="right">密码:</td>
<td width="100" height="25" align="left"><input name="password" type="password" value="123456" size="20" maxlength="50"></td>
</tr>
<tr bgcolor="#FFFF00">
<td width="100" height="25" align="right">学历:</td>
<td width="100" height="25" align="left" ><select name="spec" id="spec" width="20">
<option value="0" selected>本科</option>
<option value="1">硕士</option>
<option value="2">高中</option>
</select>
</tr>
<tr bgcolor="#FFFF00">
<td width="100" height="25" align="right">爱好</td>
<td height="25" colspan="4"><input name="checkbox" type="checkbox" value="0" checked>电脑<input name="checkbox1" type="checkbox" value="1" checked>音乐<input name="checkbox2" type="checkbox" value="2" checked>运动<input name="checkbox3" type="checkbox" value="3" checked>旅游
</tr>
<tr bgcolor="#FFFFFF">
<td width="100" height="25" align="right">个人信息</td>
<td height="25" colspan="1"><input name="file" type="file" formenctype="multipart/form-data" size="20" maxlength="200"></td>
</tr> </table>
</form>
border=1:表示给表单画边框  cellpadding=1:表示单元格边距(表格填充),代表单元格外面的一个距离,用于隔开单元格
与单元格空间。cellsapceing=1:最外层表单与单元格补白之间的距离。tr :代表表格中的一行,td:代表表格中的一列
 

效果如下图:

php与web页面交互的更多相关文章

  1. (基础篇)PHP与Web页面交互

    PHP与Web页面交互是实现PHP网站与用户交互的重要手段.在PHP中提供了两种与Web页面交互的方法,一种是通过Web表单提交数据,另一种是通过URL参数传递. 这里我们将详细讲解表单的相关知识,为 ...

  2. 记Outlook插件与Web页面交互的各种坑 (含c# HttpWebRequest 连接https 的完美解决方法)

    1) 方案一,  使用Web Service  基础功能没问题, 只是在连接https (ssh) 网站时, 需要针对https进行开发 (即http 和https 生成两套接口, 不太容易统一 ). ...

  3. PHP与web 页面交互

    PHP与Web页面交互是实现PHP网站与用户交互的重要手段.在PHP中提供了两种与Web页面交互的方法,一种是通过Web表单提交数据,另一种是通过URL参数传递. 这里我们将详细讲解表单的相关知识,为 ...

  4. 5.PHP与Web页面交互

    PHP与Web页面交互 PHP中提供了两种与Web页面交互的方法,一种是通过Web表单提交数据,另一种是通过URL参数传递. 表单提交用户名字和密码: <form name "form ...

  5. php与web页面交互(二)

    一.获取表单数据 1.1 使用POST()方法提交表单  ---POST()方法可以没有限制地传递数据到服务器,所提交的数据在后台传输,用户在浏览器端是看不到这一过程的,安全性高,适用于发送保密数据和 ...

  6. PHP关于web页面交互内容

    学php学了有一段时间了总结总结给大家分享一下 PHP中的引用 第一段程序: <?php $first_name="firstName"; $first=&$firs ...

  7. PHP 笔记——Web页面交互

    一.客户端数据提交方法 客户端浏览器的数据通常使用 GET.POST 方式提交到服务器. 1.GET方式 GET方式指直接在URL中提供上传数据或者通过表单采用GET方式上传. http://url? ...

  8. 1.PHP与Web页面的交互

    一.概览: PHP是一种专门用于Web开发的服务器端脚本语言.从这个描述可以知道,PHP要打交道的对象主要有服务器(Server),和基于Web的HTML(超文本标识语言).使用PHP处理Web应用时 ...

  9. 转:Web页面通过URL地址传递参数常见问题及检测方法

    Web页面即我们在浏览器中所看到的网页,在Web应用程序中,其页面往往需要进行动态切换和数据交互,页面间的数据常规传递方法有多种,本文主要介绍Web页面处理程序中常见的URL地址参数传递方法,包括概述 ...

随机推荐

  1. oracle创建触发器及作用举例

    --创建触发器及作用举例 create or replace trigger tri before delete on emp --在删除emp表数据之前需要做的事根据自己的业务去写,before是在 ...

  2. Java入门篇(五)——Java的字符串/String类

    前面在举例时有出现过String的例子,当时肯定有一部分朋友不知道这个是做什么用的.其实String类是Java中一个比较特殊的类,字符串即String类,它不是Java的基本数据类型之一,但可以像基 ...

  3. Union用法及说明:

    Union是用户合并多个select结果集的操作符,需要注意的是:select语句需要有相同的列数,类似的数据类型,且列的顺序相同,另外,UNION 结果集中的列名总是等于 UNION 中第一个 SE ...

  4. Struts2 04--- 值栈 ognl(S标签)

           OGNL是Object-Graph Navigation Language的缩写,它是一种功能强大的表达式语言,通过它简单一致的表达式语法,可以存取对象的任意属性,调用对象的方法,遍历整 ...

  5. Lucene.net(4.8.0) 学习问题记录四: IndexWriter 索引的优化以及思考

    前言:目前自己在做使用Lucene.net和PanGu分词实现全文检索的工作,不过自己是把别人做好的项目进行迁移.因为项目整体要迁移到ASP.NET Core 2.0版本,而Lucene使用的版本是3 ...

  6. 开地址哈希表(Hash Table)的接口定义与实现分析

    开地址哈希函数的接口定义 基本的操作包括:初始化开地址哈希表.销毁开地址哈希表.插入元素.删除元素.查找元素.获取元素个数. 各种操作的定义如下: ohtbl_init int ohtbl_init ...

  7. hive(II)--sql考查的高频问题

    在了解别人hive能力水平的时候,不管是别人问我还是我了解别人,有一些都是必然会问的东西.问的问题也大都大同小异.这里总结一下我遇到的那些hive方面面试可能涉及的问题 1.行转列(列转行) 当我们建 ...

  8. subList ArrayList LinkedList

    List<E> subList(int fromIndex,int toIndex) 该方法返回原有集合从fromIndex 到 toIndex之间一部分数据,组成一个新的集合,这两个集合 ...

  9. 搭建Hadoop集群(centos6.7+hadoop-2.7.3)

    hadoop集群有三种运行模式:单机模式.伪分布模式.完全分布模式.我们这里搭建第三种完全分布模式,即使用分布式系统,在多个节点上运行. 1 环境准备 1.1 配置DNS 进入配置文件,添加主节点和从 ...

  10. CSS3 三角形运用

      酷酷的 CSS3 三角形运用 概述 在早期的前端Web设计开发年代,完成一些页面元素时,我们必须要有专业的PS美工爸爸,由PS美工爸爸来切图,做一些圆角.阴影.锯齿或者一些小图标. 在CSS3出现 ...