HTML表单和PHP环境搭建

最新推荐文章于 2022-07-10 11:28:40 发布

jia-huan

最新推荐文章于 2022-07-10 11:28:40 发布

阅读量776

点赞数

分类专栏： H5 学习文章标签： html html5 表单

本文链接：https://blog.csdn.net/cjh_android/article/details/51420395

版权

H5 学习专栏收录该内容

19 篇文章 0 订阅

订阅专栏

本章内容

HTML表单
PHP环境搭建
HTML5与PHP交互

HTML表单

表单用于获取不同类型的用户输入
常用表单标签：
<form> 表单 <input> 输入域 <textarea> 文本域 <label> 控制标签 <fieldset> 定义域 <legend> 域的标题 <select> 选择列表 <optgroup> 选项组 <option> 下拉列表中的选项 <button> 按钮

代码示例：

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

        <!-- 复选框 -->
        你喜欢的水果有？
        <br/>
        苹果<input type="checkbox">
        香蕉<input type="checkbox">
        橘子<input type="checkbox">
        <br/><br/>

        <!-- 单选框 定义相同的 name 属性，这是为了表明这是一组，否则无法单选，会变成都可选中-->
        请选择您的性别
        <br/>
        男<input type="radio" name="sex">
        女<input type="radio" name="sex">
        <br/><br/>

        <!-- 下拉列表 -->
        请选择网址
        <br/>
        <select>
            <option>http://www.baidu.com</option>
            <option>http://www.sina.com</option>
        </select>
        <br/><br/>

        <!-- buttom -->
        <input type="button" value="click">
        <br/><br/>

        <!-- 提交 -->
        <input type="submit" value="confirm">
        <br/><br/>
    </form>
    <br/><br/>

    <!-- 文本域 -->
    <textarea cols="10" rows="10">
        请在此填写个人信息
    </textarea>

</body>
</html>

效果：

这里写图片描述

PHP环境搭建

下载XAMMPP
网址：http://www.xampps.com/
安装：next-next-next…
打开之后你看到这个控制面板

这里写图片描述

由于我本地80端口已经被占用了，所以我重新配置了一下Apache的端口，8081，这个需要在

这里写图片描述

这个文件中如下图的位置改下端口号

这里写图片描述

打开浏览器，输入 http://localhost:8081/，打开后如下图，说明你已经配置成功

这里写图片描述

编写PHP
这里我使用了Eclipse，首先需要下载PHP的插件
打开Help-install new software

这里写图片描述

如图所示，安装插件

这里写图片描述

切换PHP的版面（不至于不会切吧），写PHP代码检验，运行时同样加上8081端口，就可以了

这里写图片描述

HTML5与PHP交互

PHP代码

<?php
echo "用户名: ".$_GET['name']."<br/>密码: ".$_GET['password'];

HTML5代码

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>表单与PHP进行交互</title>
<body >
    <form action="http://localhost:8081/MyService/Service.php" method="get">
        用户名：<input type="text" name="name"><br/>
        密　码：<input type="password" name="password">
        <br/>
        <input type="submit" value="submit">
    </form>

</body>
</html>

运行截图：

这里写图片描述

内容不多，不过下载软件花了些时间，OK！睡觉！

jia-huan

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
HTML表单和PHP环境搭建

本章内容HTML表单PHP环境搭建HTML5与PHP交互HTML表单表单用于获取不同类型的用户输入常用表单标签： <form> 表单 <input> 输入域 <textarea> 文本域 <label> 控制标签 <fieldset>
复制链接

扫一扫