HTML5表单提交与PHP环境搭建

PHP服务器使用xampp集成套件

路径

D:\xampp\htdocs\MyServer\index.php

访问

http://localhost/MyServer/index.php

能够正常显示页面，说明php服务端搭建成功

编写php代码

1 <?php
2     header("Content-type: text/html; charset=utf-8");
3     echo "用户名:".$_POST[‘username‘];
4     echo "<br />密码:".$_POST[‘password‘];
5 ?>

HTML表单

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>HelloWorld</title>
</head>
<body>
    <form action="http://localhost/MyServer/Service.php" method="post">
        <table>
            <tr>
                <td>用户名：</td>
                <td><input type="text" name="username"/></td>
            </tr>
            <tr>
                <td>密 码：</td>
                <td><input type="password" name="password"/></td>
            </tr>
            <tr>
                <td colspan="2" align="right">
                    <input type="submit" value="提交">
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

时间： 2024-10-13 10:11:23

HTML5表单提交与PHP环境搭建的相关文章

HTML5表单提交和PHP环境搭建

HTML5表单提交相关内容和PHP环境搭建需要的软件(只备注) (2)举例介绍 (3)PHP环境搭建

HTML5 表单提交实例

html <!DOCTYPE html> <html> <head> <title>表单</title> <meta charset="utf-8"> </head> <body> <form action="http://localhost:9080/html5/html5.jsp" method="post" id="myform&

菜鸟零基础学习HTML5   ----- 1.5、HTML5表单和PHP环境搭建

一.HTML5表单 1.表单用于获取不同类型的用户输入 2.常用表单标签例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单</title> </head> <body> <form> 用户名: <i

HTML5第8次课堂笔记（模拟form表单提交数据，xml的解析，jQuery的Ajax方法使用， mui的ajax）

HTML5第8次课堂笔记 1. 模拟form表单提交数据:(get方式) <body> <formmethod="get"action="DataTest7"> <inputtype="text"name="uname"value="yang"id="myname"><br/> <inputtype="password&q

div:nth-of-type(odd){ float: left; clear: left; } .origin-effect > div:nth-of-type(even){ float: right; clear: right; } .clearfix:after{ content: ""; display:block; clear: both; } .figcaption{ clear: both; color: #999; padding-top: 10px; text

jQuery html5Validate基于HTML5表单验证插件

一.前言前3篇文章实际都是为本文做铺垫的,如果以下棋表示,前三篇是普通走棋,本篇是将军! 目前市面上有不少表单验证插件,看似强大,实在糟糕! 总结下,有以下一些问题: 过多干预包括:改变了表单元素UI, 为表单元素绑定过多事件等布局等限制包括:需要特定结构的布局,需要特定的类名或者ID 学习成本包括:N多元作者自定义的属性,或者自定义的特定的数据结构可用性当JS出现错误的时候而无法正常运作的时候,验证就是聋子的耳朵——摆设,即使在现代浏览器下也是如此. 面向未来的表单验证验证驱动验证信

HTML5表单的创建及与PHP的交互

Html5表单 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <form> 用户名: <input type="text"> <br/>

HTML5表单

新增的input输入类型 HTML5中增加了表单方面的诸多功能,包括增加input输入类型.表单元素.form属性和input属性等. 新的input输入类型 email类型的input元素是一种专门用于输入E-mail地址的文本输入框,在提交表单的时候,会自动验证email输入框的值,如果不是一个有效的E-mail地址,该输入框不允许提交该表单. <input type="email" name="user_email"> url类型的input元素提

HTML表单提交总结

http://www.cnblogs.com/shizqiang/p/5984414.html 概述:随着HTML5的兴起,前端越来越多样化,比如表单的提交,现在就有多种方式可以选择,下面总结一下常见的表单提交方式. 1.最基本的表单提交. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单提交示例 - 基本表单提交</title> <