使用表单

1.1使用一个简单的输入表单

表单页

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<form method="post" action="send.php">
    <input type="text" name="user" />
    <textarea name="message">

    </textarea>
    <button type="submit">发送消息</button>
</form>
</body>
</html>

send.php

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<?php
    echo $_POST[‘user‘].":".$_POST[‘message‘];
?>
</body>
</html>

使用超全局变量$_POST访问表单输入的数据

1.2使用数组访问表单

表单页面

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<form method="post" action="send.php">
    1.
    <input type="checkbox" name="products[]" value="yellow"/>
    <br />2.
    <input type="checkbox" name="products[]" value="red"/>
    <br />3.
    <input type="checkbox" name="products[]" value="blue"/>
    <br />
    <button type="submit">提交</button>
</form>
</body>
</html>

send.php

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>

<body>
<?php
    //empty判断是否为空
    if (!empty($_POST[‘products‘])){
        echo "<ul>";
        //foreach遍历数组
        foreach($_POST[‘products‘] as $value) {
            echo "<li>".$value."</li>";
        }
        echo "</ul>";
    }else {
        echo "没有选择";
    }
?>
</body>
</html>

将同类的输入存放到数组中,只需要在变量名后面加个[]就可以。如上述实例中每个input的name属性都是products[];

时间: 2024-10-04 11:32:36

使用表单的相关文章

如何使用表单

如何使用表单 原文:Working with Forms作者:Rick Anderson.Dave Paquette.Jerrie Pelser翻译:姚阿勇(Dr.Yao)校对:孟帅洋(书缘) 这篇文章演示了如何使用表单以及表单中常用的 HTML 元素.HTML 的 Form 元素提供了 Web 应用向服务器回发数据的主要机制.本文的大部分在描述 Tag Helpers 以及它们如何能帮你有效地构建健壮的表单.在阅读本文之前,我们建议你阅读一下 Tag Helpers . 在很多情况下,HTML

玩转web之ajax(一)---使用表单的serialize()方法中文乱码解决

有时候我们需要使用ajax提交去提交form的值,这样就需要使用serialize()去获取form的值,但这样获取的值如果有中文,会乱码,原因和解决方法如下: 原因:.serialize()自动调用了encodeURIComponent方法将数据编码了 解决方法:调用decodeURIComponent(XXX,true);将数据解码 如: var data=$('#addf').serialize(); data= decodeURIComponent(data,true); 玩转web之a

html 使用表单标签,与用户交互

使用表单标签,与用户交互 网站怎样与用户进行交互?答案是使用HTML表单(form).表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据. 语法: <form   method="传送方式"   action="服务器文件"> 讲解: 1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束. 2.action :浏览者输入的数据被传送到

Django中使用表单

使用表单 表单用 user 提交数据,是网站中比较重要的一个内容 GET 和 POST 方法 GET 和 POST 的区别 URL,全称是"统一资源定位符".用于对应互联网上的每一个文件.而 GET.POST 等方法,本质上就是对这个 URL 进行一系列的操作.GET.POST.PUT.DELETE 分别对应对资源进行查.改.增.删.因此,任何对系统状态有改变的请求(例如,对数据库的数据进行修改)都应该使用 POST .GET 方法用于不影响系统状态的请求,如搜索或者是请求发送一些数据

flask使用原生ajax、不使用表单(Form)上传文件

〇.知识点 jquery ajax 文档告诉你可以使用默认的 application/x-www-form-urlencoded, multipart/form-data, or text/plain 这三种,其它的也可以,但是需要告诉ajax 的怎样序列化它.--这句话来源于:https://www.cnblogs.com/htoooth/p/7242217.html 一.原生ajax.不使用表单(Form) app.py import os from flask import Flask,

select的disabled形式的数据,使用表单序列化方式无法将数据传到后台

之前博客里有讲述到使用表单序列化的方式传递数据到后台,那里是将数据为disabled形式的内容剔除掉了,所以为disabled的select肯定也是传不过去的. 解决方式: 1.在序列化表单方法之前将select的disabled形式去掉,$("#id").attr("disabled",false); 2.如果处理失败或者成功还停留在当前页面,那么肯定还是要将disabled形式还原回去的,$("#id").attr("disable

js方法的命名不能使用表单元素的名称或ID

今天在写页面的时候,遇到一个关于js方法的命名问题,先看下代码: 表单元素如下: <select name="isCulture" onchange="isCulture(this)"> <option value="" selected="selected">全部</option> <option value="01" selected="selecte

html中,使用表单标签,与用户交互。

网站怎样与用户进行交互?答案是使用HTML表单(form).表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据. 语法:<form method="传送方式" action="服务器文件">,其中传送方式有两种post和get,服务器文件是指输入的数据被传送到的地方,比如一个PHP页面(save.php). <form method="post" action="save.php&q

JSP复习整理(五)JavaBean使用表单处理数据

一.先建立用户输入的数据 usingGetparameter.html 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Users to input date</title> 6 </head> 7 <body> 8 <form action="usingGetParameter.js

使用表单标签,与用户交互

网站怎样与用户进行交互?答案是使用HTML表单(form).表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据. 语法: <form method="传送方式" action="服务器文件"> 讲解: 1.<form> :<form>标签是成对出现的,以<form>开始,以</form>结束. 2.action :浏览者输入的数据被传送到的地方,比如一个PHP页面(sav