[H5]HTML表单和PHP环境搭建

2024-04-27 15:06:36

字体：大中小

来源：转载

供稿：网友

[H5]HTML表单和php环境搭建

[HTML表单]

效果如：图一

<!--HTML表单--><!--1.表单用于获取不同类型的用户输入--><!--2.常用表单标签：--><!--<form>      表单--><!--<input>     输入域--><!--<textarea>  文本域--><!--<label>     控制标签--><!--<fieldset>  定义域--><!--<legend>    域的标题--><!--<select>    选择列表--><!--<optgroup>  选项组--><!--<option>    下拉列表中的选项--><!--<button>    按钮--><!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>表单</title></head><body>    <!--HTML表单-->    <!--1.用户输入-->    <form>        用户名：        <input type="text">        密码：        <input type="passWord">    </form>    <!--2.复选框-->    <form>        正确选项复选？        一<input type="checkbox">        二<input type="checkbox">        三<input type="checkbox">    </form>    <!--3.单选框-->    <form>        <!--加上name属性的原因是，这里需要将选项集合在一起，针对一个组的概念才能实现单选效果-->        正确选项单选？        一<input type="radio" name="sInput">        二<input type="radio" name="sInput">        三<input type="radio" name="sInput">    </form>    <!--4.下拉列表-->    <form>        喜欢什么？        <select>            <option>椅子</option>            <option>柜子</option>            <option>杯子</option>        </select>    </form>    <!--5.文本域-->    <form>        <!--可以在表单外直接创建-->        <textarea cols="30" rows="30">请填写反馈内容</textarea>    </form>    <!--6.创建按钮-->    <form>        <input type="button" value="按钮">        <input type="submit" value="提交">    </form></body></html>
[PHP环境搭建]
1.下载安装软件XAMPP（XAMPP是最流行的PHP开发环境，其中包含Apache+MySQL+PHP+Perl）
地址：https://www.apachefriends.org/zh_cn/index.html
2.打开XAMPP
        选择Manage Servers
        打开Apache Web Server（变为绿后表示已经打开服务器）
        打开MySQL Database 
3.安装位置
        应用程序-XAMPP-htdocs（在这个文件夹下就可以运行PHP脚本了）
4.如何书写PHP脚本？采用什么软件来书写PHP脚本？
        使用Eclipse（对java来说非常强大的开发工具）
        Eclipse下载地址：http://www.eclipse.org/
        写PHP之前需要下载一个插件：
        Help—Install New Software...—Work with:找到当前的版本—选择PHP Development Tools (PDT)下载安装—重启Eclipse—切换到PHP环境开发
5.Eclipse使用
        1.)创建PHP工程：
        右键—New—PRoject...—PHP Project—Next—输入Project Name—Finish。
        2.)创建PHP文件：
        右键工程—New—PHP File—输入File Name—Finish。
        3.)将*.php Copy到XAMPP目录下去执行这个脚本：
        <?php
        echo 'hello world!';
        4.)运行
        浏览器打开localhost，进入XAMPP for Mac OS X 界面，表示XAMPP安装成功了；
        运行文件：localhost/*.php 打印出hello world!就表示运行成功了。
        5.）切换Eclipse的工作空间至XAMPP目录
        File—Switch Workspace—Other...—选择Workspace指向的目录—OK；
        切换后，不用每次都Copy php文件，可以直接运行（右键工作区—Run As—Run on Server—Run Web application）。
[表单提交数据与PHP交互]
效果 如：图二
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>表单与PHP交互</title></head><body>    <!--action指定提交到哪个服务器的地址，同时需要指定提交的方式method-->    <!--method分两种get和post-->    <!--get方式会将所有参数展示在地址当中，可以做资源定位，但存在一个长度大小的限制-->    <!--post不会在地址中展示所有参数，比get方式要安全，但物理上比get方式要麻烦很多-->    <form action="https://localhost/项目名/文件名.php" method="get">        用户名：        <input type="text" name="name">        密码：        <input type="password" name="password">        <input type="submit" value="提交">    </form></body></html>
服务器处理接收到的用户名和密码:
示意图：
图一
图二
end