4-HTML5表单提交和PHP环境搭建


    • HTML表单
    • PHP环境的搭建
    • 表单提交数据与PHP交互

HTML表单

1, 表单用于获取不同类型的用户输入

2, 常用的表单标签

标签 描述
<form> 表单
<input> 输入域
<textarea> 文本域
<label> 控制标签
<fieldset> 定义域
<legend> 域的标题
<select> 选择列表
<optgroup> 选项组
<button> 按钮

常用表单

1, 复选框
2, 单选按钮
3, 下拉列表
4, 文本域
5, 创建按钮

<form action="">
    用户名:
    <input type="text">
    <br/>
    密码:
    <input type="password">

    <br/>
    
    你喜欢的水果有?<br/>
    苹果 <input type="checkbox">
    香蕉 <input type="checkbox">
    橘子 <input type="checkbox">
    <br/>
    
    请选择性别?<br/><input type="radio" name="sex"><input type="radio" name="sex">
    <br/>
    
    请选择你常用的网站?
    <select>
        <option>360搜索/option>
        <option>googleoption>
        <option>百度option>
    select>
    
    <br/>
    <input type="button" value="按钮">
    <input type="submit" value="提交">


form>

<textarea cols="30" rows="30">
请填写个人信息
textarea>

4-HTML5表单提交和PHP环境搭建_第1张图片

PHP环境的搭建

我们所说的PHP环境搭建其实非常简单, 接下来按照步骤操作即可

1, 首先下载XAMPP, https://www.apachefriends.org/zh_cn/index.html

2, 安装完成之后, 开启图示两项.
4-HTML5表单提交和PHP环境搭建_第2张图片

3, 安装eclipse, 点击 Help -> Install New Software… 然后根据自己eclipse的版本选择安装地址, 等待Pending完之后, 选择Programing Language -> PHP Development(PDT) 选择安装….

4, 切换PHP工作环境, 如图所示:
4-HTML5表单提交和PHP环境搭建_第3张图片

5, 点击File -> Switch workspace -> other 之后找到自己XAMPP的安装位置中的htdocs目录, 例如我的安装目录是C:\xampp\htdocs, 之后eclipse重启, 用该目录作为workspace
6, 右击新建项目就好了, 看看我们的努力成果吧!
4-HTML5表单提交和PHP环境搭建_第4张图片

表单提交数据与PHP交互

PHP服务器端


echo '用户名:'.$_POST['name'].'
密码: '
.$_POST['password'];

客户端


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单与PHP交互title>
head>
<body>

<form action="http://localhost/MyService/Service.php" method="post">
    用户名: <input type="text" name="name"> <br/>
    密  码: <input type="password"name="password">
    <br/>
    <input type="submit" value="提交">
form>
body>
html>

4-HTML5表单提交和PHP环境搭建_第5张图片

你可能感兴趣的:(HTML5基础,php,html,表单)