HTML下拉列表(select)，单选框(radio), 复选框(checkbox)如何向后端传值

最新推荐文章于 2024-09-10 13:54:44 发布

bp粉

最新推荐文章于 2024-09-10 13:54:44 发布

阅读量1.4k

点赞数

分类专栏：面试学习路线阿里巴巴文章标签： html 前端架构 intellij-idea 后端

本文链接：https://blog.csdn.net/m0_67392182/article/details/125109226

版权

本文介绍了HTML中的form表单用于向后端传递数据的基本原理，详细展示了下拉列表、单选框和复选框的HTML代码，并通过实例说明了这些元素如何通过name和value属性向后端发送数据。

摘要由CSDN通过智能技术生成

前言

提示：该文章记录前端往后端传值的一些细节

提示：以下是本篇文章正文内容，下面案例可供参考

一、form是什么？

form是前端往后端传值的一个表单

二、html代码如下

1，下拉列表源码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="" , method="post">
    {% csrf_token %}
    <select name="name" id="">
        <option value="李白">libai</option>
        <option value="{
  { name }}">dufu</option>
    </select>
    <br>
    <input type="text" name="11">
    <input type="submit" value="提交">
    <a href="{% url 'cr'