[PHP] 03 - Form & Input

PHP 完整表单实例

一、表单示范

二、对应代码

 <!DOCTYPE HTML>

 <html>

 <head>

 <meta charset="utf-8">

 <title>菜鸟教程(runoob.com)</title>

 <style>

 .error {color: #FF0000;}

 </style>

 </head>

 <body> 

 --------------------------------------------------------------------------------------

 <?php

 // (1) 定义变量并默认设置为空值 --> since line 18: 没有报错，有则验证格式

 $nameErr = $emailErr = $genderErr = $websiteErr = "";

 $name    = $email    = $gender    = $comment    = $website = "";

 if ($_SERVER["REQUEST_METHOD"] == "POST")

 {

     if (empty($_POST["name"]))

     {

         $nameErr = "名字是必需的";

     }

     else

     {

         $name = test_input($_POST["name"]);

         // 检测名字是否只包含字母跟空格，preg_match正则匹配

         if (!preg_match("/^[a-zA-Z ]*$/",$name))

         {

             $nameErr = "只允许字母和空格";

         }

     }

     -------------------------------------------------------------

     if (empty($_POST["email"]))

     {

       $emailErr = "邮箱是必需的";

     }

     else

     {

         $email = test_input($_POST["email"]);

         // 检测邮箱是否合法

         if (!preg_match("/([\w\-]+\@[\w\-]+\.[\w\-]+)/",$email))

         {

             $emailErr = "非法邮箱格式";

         }

     }

     -------------------------------------------------------------

     if (empty($_POST["website"]))

     {

         $website = "";

     }

     else

     {

         $website = test_input($_POST["website"]);

         // 检测 URL 地址是否合法

         if (!preg_match("/\b(?:(?:https?|ftp):\/\/|www\.)[-a-z0-9+&@#\/%?=~_|!:,.;]*[-a-z0-9+&@#\/%=~_|]/i",$website))

         {

             $websiteErr = "非法的 URL 的地址";

         }

     }

     -------------------------------------------------------------

     if (empty($_POST["comment"]))

     {

         $comment = "";

     }

     else

     {

         $comment = test_input($_POST["comment"]);

     }

     -------------------------------------------------------------

     if (empty($_POST["gender"]))

     {

         $genderErr = "性别是必需的";

     }

     else

     {

         $gender = test_input($_POST["gender"]);

     }

 }

 function test_input($data)

 {

     $data = trim($data);

     $data = stripslashes($data);

     $data = htmlspecialchars($data);

     return $data;

 }

 ?>

 --------------------------------------------------------------------------------------

 <h2>PHP 表单验证实例</h2>

 <p><span class="error">* 必需字段。</span></p>

 <form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>"> 

    名字:    <input type="text" name="name"       value="<?php echo $name;?>">

    <span class="error">* <?php echo $nameErr;?></span>

    <br><br>

    E-mail: <input type="text"  name="email"     value="<?php echo $email;?>">

    <span class="error">* <?php echo $emailErr;?></span>

    <br><br>

    网址:    <input type="text"  name="website"   value="<?php echo $website;?>">

    <span class="error"><?php echo $websiteErr;?></span>

    <br><br>

    备注:    <textarea name="comment" rows="5" cols="40"><?php echo $comment;?></textarea>

    <br><br>

    性别:

    <input type="radio" name="gender" <?php if (isset($gender) && $gender=="female") echo "checked";?>  value="female">女

    <input type="radio" name="gender" <?php if (isset($gender) && $gender=="male")   echo "checked";?>  value="male">男

    <span class="error">* <?php echo $genderErr;?></span>

    <br><br>

    <input type="submit" name="submit" value="Submit"> 

 </form>

 --------------------------------------------------------------------------------------

 <?php

 echo "<h2>您输入的内容是:</h2>";

 echo $name;

 echo "<br>";

 echo $email;

 echo "<br>";

 echo $website;

 echo "<br>";

 echo $comment;

 echo "<br>";

 echo $gender;

 ?>

 </body>

 </html>

提出问题

一、HTTP

Ref: [Node.js] 07 - Html and Http

(1) 提交数据类型判断

$_SERVER['REQUEST_METHOD'] == 'POST'

是判断提交的数据是否是POST方式传来的

之后，通过 _POST["fname"] 获取包里的具体值。

(2) 收集post的值

预定义的 $_POST 变量用于收集来自 method="post" 的表单中的值。

(3) $_GET、$_POST 和 $_REQUEST 的区别？

$_GET 变量接受所有以 get 方式发送的请求，及浏览器地址栏中的 ? 之后的内容。

$_POST 变量接受所有以 post 方式发送的请求，例如，一个 form 以 method=post 提交，提交后 php 会处理 post 过来的全部变量。

$_REQUEST 支持两种方式发送过来的请求，即 post 和 get 它都可以接受，显示不显示要看传递方法，get 会显示在 url 中（有字符数限制），post 不会在 url 中显示，可以传递任意多的数据（只要服务器支持）。

(4) 何时使用 method="get"？

[1] 在 HTML 表单中使用 method="get" 时，所有的变量名和值都会显示在 URL 中。

注释：所以在发送密码或其他敏感信息时，不应该使用这个方法！

[2] 然而，正因为变量显示在 URL 中，因此可以在收藏夹中收藏该页面。在某些情况下，这是很有用的。

注释：HTTP GET 方法不适合大型的变量值。它的值是不能超过 2000 个字符的。

(5) 何时使用 method="post"？

从带有 POST 方法的表单发送的信息，对任何人都是不可见的，并且对发送信息的量也没有限制【其实是8M】。

然而，由于变量不显示在 URL 中，所以无法把页面加入书签。

PHP 表单和用户输入

Ref: http://www.runoob.com/php/php-forms.html

一、PHP 表单处理

当用户填写完上面的表单并点击提交按钮时，表单的数据会被送往名为 "welcome.php" 的 PHP 文件。

[1] 使用post提交

<html>

<head>

<meta charset="utf-8">

<title>菜鸟教程(runoob.com)</title>

</head>

<body>

<form action="welcome.php" method="post">

名字: <input type="text" name="fname">

年龄: <input type="text" name="age">

<input type="submit" value="提交">

</form>

</body>

</html>

[2] 服务器当然使用post来自动解析

     欢迎 <?php echo $; ?>!<br>

你的年龄是 <?php echo $_POST["age"]; ?>  岁。

二、PHP 获取下拉菜单的数据

可见，这里界面和逻辑未分离。

下拉菜单单选

<?php

$q = isset($_GET['q'])? htmlspecialchars($_GET['q']) : '';

if($q) {

        if($q =='RUNOOB') {

                echo '菜鸟教程<br>http://www.runoob.com';

        } else if($q =='GOOGLE') {

                echo 'Google 搜索<br>http://www.google.com';

        } else if($q =='TAOBAO') {

                echo '淘宝<br>http://www.taobao.com';

        }

} else {

?>

<form action="" method="get">

    <select name="q">

    <option value="">选择一个站点:</option>

    <option value="RUNOOB">Runoob</option>

    <option value="GOOGLE">Google</option>

    <option value="TAOBAO">Taobao</option>

    </select>

    <input type="submit" value="提交">

    </form>

<?php

}

?>

下拉菜单多选

<?php

$q = isset($_POST['q'])? $_POST['q'] : '';

if(is_array($q)) {

    $sites = array(

            'RUNOOB' => '菜鸟教程: http://www.runoob.com',

            'GOOGLE' => 'Google 搜索: http://www.google.com',

            'TAOBAO' => '淘宝: http://www.taobao.com',

    );

    foreach($q as $val) {

        // PHP_EOL 为常量，用于换行

        echo $sites[$val] . PHP_EOL;

    }

} else {

?>
-------------------------------------------------------------

<form action="" method="post">

    <select multiple="multiple" name="q[]">

    <option value="">选择一个站点:</option>

    <option value="RUNOOB">Runoob</option>

    <option value="GOOGLE">Google</option>

    <option value="TAOBAO">Taobao</option>

    </select>

    <input type="submit" value="提交">

    </form>

<?php

}

?>

三、单选按钮表单

可见，这里界面和逻辑未分离。

<?php

$q = isset($_GET['q'])? htmlspecialchars($_GET['q']) : '';

if($q) {

        if($q =='RUNOOB') {

                echo '菜鸟教程<br>http://www.runoob.com';

        } else if($q =='GOOGLE') {

                echo 'Google 搜索<br>http://www.google.com';

        } else if($q =='TAOBAO') {

                echo '淘宝<br>http://www.taobao.com';

        }

} else {

?><form action="" method="get">

    <input type="radio" name="q" value="RUNOOB" />Runoob

    <input type="radio" name="q" value="GOOGLE" />Google

    <input type="radio" name="q" value="TAOBAO" />Taobao

    <input type="submit" value="提交">

</form>

<?php

}

?>

四、checkbox 复选框

可见，界面和逻辑未分离。

<?php

$q = isset($_POST['q'])? $_POST['q'] : '';

if(is_array($q)) {

    $sites = array(

            'RUNOOB' => '菜鸟教程: http://www.runoob.com',

            'GOOGLE' => 'Google 搜索: http://www.google.com',

            'TAOBAO' => '淘宝: http://www.taobao.com',

    );

    foreach($q as $val) {

        // PHP_EOL 为常量，用于换行

        echo $sites[$val] . PHP_EOL;

    }

} else {

?><form action="" method="post">

    <input type="checkbox" name="q[]" value="RUNOOB"> Runoob<br>

    <input type="checkbox" name="q[]" value="GOOGLE"> Google<br>

    <input type="checkbox" name="q[]" value="TAOBAO"> Taobao<br>

    <input type="submit" value="提交">

</form>

<?php

}

?>

五、表单验证

我们应该尽可能的对用户的输入进行验证（通过客户端脚本）。浏览器验证速度更快，并且可以减轻服务器的压力。

如果用户输入需要插入数据库，您应该考虑使用服务器验证。在服务器验证表单的一种好的方式是，把表单的数据传给当前页面（异步提交的方式更好），而不是跳转到不同的页面。这样用户就可以在同一张表单页面得到错误信息。用户也就更容易发现错误了。

【黑客危机】　----> Line 97

<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">

[1] htmlspecialchars() 函数把一些预定义的字符转换为 HTML 实体。

预定义的字符是：

- & （和号）成为 &
- " （双引号）成为 "
- ' （单引号）成为 '
- < （小于）成为 <
- > （大于）成为 >

[2] 什么是 $_SERVER["PHP_SELF"] 变量?

- $_SERVER["PHP_SELF"]　是超级全局变量，返回当前正在执行脚本的文件名，与 document root相关。
- $_SERVER["PHP_SELF"] 会发送表单数据到当前页面，而不是跳转到不同的页面。
- $_SERVER["PHP_SELF"] 可以通过 htmlspecialchars() 函数来避免被利用。

详见：http://www.runoob.com/php/php-form-validation.html

六、JavaScript 表单【对比】

关于，界面和逻辑未分离的问题。

只是写法看上去有点类似。JS是运行在浏览器上，而PHP则是纯后端服务器语言。

<!DOCTYPE html>

<html>

<head>

　　<meta charset="utf-8">

　　<script>

　　function validateForm() {

   　　 var x = document.forms["myForm"]["fname"].value;

  　　  if (x == null || x == "") {

    　　    alert("需要输入名字。");

    　　    return false;

    　　}

　　}

　　</script>

</head>

<body>

　　<form name="myForm" action="demo_form.php"

　　　　onsubmit="return validateForm()" method="post">

　　　　名字: <input type="text" name="fname">

　　　　<input type="submit" value="提交">

　　</form>

</body>

</html>

[PHP] 03 - Form & Input的更多相关文章

HTML 表单和输入<form><input>
HTML <form> 标签定义和用法: <form> 标签用于为用户输入创建 HTML 表单. 表单能够包含 input 元素,比如文本字段.复选框.单选框.提交按钮等等. ...
$(#form :input)与$(#form input)的区别
相信大家都很奇怪这两者的区别我从两个方面简单介绍下 1. $("form :input") 返回form中的所有表单对象,包括textarea.select.button等 ...
[转]对form:input标签中的数字进行格式化
原文地址:https://blog.csdn.net/qq_29662201/article/details/80708373 数字进行格式化(保留2位小数) 单独使用<fmt:formatNu ...
springMvc <form:form>标签 <form:input>标签需要注意的问题
在用springMVC <form:form>表单时,喜欢报的错误如下所示: 错误的Controller层的代码如下: @RequestMapping(value = "test ...
高效开发之SASS篇灵异留白事件——图片下方无故留白你会用::before、::after吗 link 与 @import之对比学习前端前必知的——HTTP协议详解深入了解——CSS3新增属性菜鸟进阶——grunt $(#form :input)与$(#form input)的区别
高效开发之SASS篇作为通往前端大神之路的普通的一只学鸟,最近接触了一样稍微高逼格一点的神器,特与大家分享~ 他是谁? 作为前端开发人员,你肯定对css很熟悉,但是你知道css可以自定义吗?大家 ...
form:input 标签使用
<form:input path="suplier" htmlEscape="false" maxlength="50" id=&qu ...
form input file 图片上传360IE兼容问题
<form action="" class="form-box" class="form_box" enctype="mul ...
html 常用标签 a form input 标签等等等
前端HTML HTML介绍 Web服务本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk ...
关于form/input 的autocomplete="off"属性
转自:http://blog.sina.com.cn/s/blog_b49f96a701019m0d.html 一. 有过表单设计经验的朋友肯定知道,当我们在浏览器中输入表单信息的时候,往往input ...

随机推荐

Oracle的decode、sign、trunc函数
原文http://knowyouknowme.iteye.com/blog/574974 一.decode 在Oracle/PLSQL中, decode 具有和 IF-THEN-ELSE 一样的功能 ...
来自极客头条的 15个常用的javaScript正则表达式
摘要收集整理了15个常用的javaScript正则表达式,其中包括用户名.密码强度.整数.数字.电子邮件地址(Email).手机号码.身份证号.URL地址. IPv4地址. 十六进制颜色. 日期. Q ...
解决qt提示：qt.network.ssl: QSslSocket: cannot call unresolved function DH_free
方法一(解决):把C:\Qt\Qt5.8.0\Tools\QtCreator\bin下的libeay32.dll和ssleay32.dll库复制到C:\Qt\Qt5.8.0\5.8\msvc2015_ ...
【转】两道面试题，带你解析Java类加载机制(类初始化方法和对象初始化方法)
本文转自 https://www.cnblogs.com/chanshuyi/p/the_java_class_load_mechamism.html 关键语句我们只知道有一个构造方法,但实际上Ja ...
Oracle ERP Audit Funtion in R12.2.4
M1 JOB NAME: 164839 TABLE NAME: WIP_REQUIREMENT_OPERATIONS Request name: AuditTrail Update Tables O ...
Java的oauth2.0 服务端与客户端的实现
oauth原理简述 oauth本身不是技术,而是一项资源授权协议,重点是协议!Apache基金会提供了针对Java的oauth封装.我们做Java web项目想要实现oauth协议进行资源授权访问,直 ...
最佳实战Docker持续集成图文详解
最佳实战Docker持续集成图文详解这是一种真正的容器级的实现,这个带来的好处,不仅仅是效率的提升,更是一种变革:开发人员第一次真正为自己的代码负责——终于可以跳过运维和测试部门,自主维护运行环境( ...
DataGuard---->备库参数db_file_name_convert和log_file_name_convert的作用
一.参数说明 [1] db_file_name_convert db_file_name_convert 主数据库和备用数据库的数据文件转换目录对映(如果两数据库的目录结构不一样),如果有多个对映,逐 ...
Windows视频桌面壁纸实现(libvlc)(类似于wall paper engine效果)
简介这个项目是很久之前的事情了,当时一个朋友正在研究一个国外的软件(wall paper engine ),可以在桌面壁纸层播放视频,也就差不多是动态壁纸的意思. 后来我也动手来实现这个功能,因为手 ...
ffmpag总结_android_to_ios视频转换
项目需求: 需要android和ios拍的视频在两个平台上都能播放. ffmpag很早以前就安装好了,忘了是如何装了. 一直无法将android同事的视频转成mp4在ios上播放. 后来发现ffmpa ...