Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >HTML基础——表单提交

HTML基础——表单提交

原创
作者头像
落雨
发布于 2022-06-02 02:37:17
发布于 2022-06-02 02:37:17
6.7K00
代码可运行
举报
文章被收录于专栏:落雨的专栏落雨的专栏
运行总次数:0
代码可运行

1. 表单属性设置

<form>标签 表示表单标签,定义整体的表单区域

  • action属性 设置表单数据提交地址
  • method属性 设置表单提交的方式,一般有“GET”方式和“POST”方式, 不区分大小写

2. 表单元素属性设置

  • name属性 设置表单元素的名称,该名称是提交数据时的参数名
  • value属性 设置表单元素的值,该值是提交数据时参数名所对应的值

3. 示例代码

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 <form action="https://www.baidu.com" method="GET">
    <p>
        <label>姓名:</label><input type="text" name="username" value="11" />
    </p>
    <p>
        <label>密码:</label><input type="password" name="password" />
    </p>
    <p>
        <label>性别:</label>
        <input type="radio" name="gender" value="0" /><input type="radio" name="gender" value="1" /></p>
    <p>
        <label>爱好:</label>
        <input type="checkbox" name="like" value="sing" /> 唱歌
        <input type="checkbox" name="like" value="run" /> 跑步
        <input type="checkbox" name="like" value="swiming" /> 游泳
    </p>
    <p>
        <label>照片:</label>
        <input type="file" name="person_pic">
    </p>
    <p>
        <label>个人描述:</label>
        <textarea name="about"></textarea>
    </p>
    <p>
        <label>籍贯:</label>
        <select name="site">
            <option value="0">北京</option>
            <option value="1">上海</option>
            <option value="2">广州</option>
            <option value="3">深圳</option>
        </select>
    </p>
    <p>
        <input type="submit" name="" value="提交">
        <input type="reset" name="" value="重置">
    </p>
</form>

小结

  • 表单标签的作用就是可以把用户输入数据一起提交到web服务器
  • 表单属性设置
    • action: 是设置表单数据提交地址
    • method: 是表单提交方式,提交方式有GET和POST
  • 表单元素属性设置
    • name: 表单元素的名称,用于作为提交表单数据时的参数名
    • value: 表单元素的值,用于作为提交表单数据时参数名所对应的值

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
R语言日常笔记(2)distinc函数
从结果发现d1也就是用match的速度非常快! 而在tidyverse方法中, d3的summarize显然更好。
用户1359560
2019/07/16
4.7K0
dplyr强大的分组汇总
在现实生活中我们经常会遇到非常多需要分组汇总的情况,单个的汇总价值不大,只有分组之后,才能看出差异,才能表现出数据的价值。
医学和生信笔记
2022/11/15
1.8K0
「R」dplyr 列式计算
同时对数据框的多列执行相同的函数操作经常有用,但是通过拷贝和粘贴的方式进行的话既枯燥就容易产生错误。
王诗翔呀
2022/01/21
2.7K0
dplyr中的across操作
dplyr中的across函数取代了之前的xx_if/xx_at/xx_all,用法更加灵活,初学时觉得不如xx_if/xx_at/xx_all简单易懂,用习惯后真是利器!
医学和生信笔记
2022/11/15
8000
R包基础实操—tidyverse包
核心软件包是ggplot2、dplyr、tidyr、readr、purrr、tibble、stringr和forcats,它们提供了建模、转换和可视化数据的功能。
生信技能树jimmy
2021/10/11
3.5K0
R包基础实操—tidyverse包
医信融合创新沙龙投稿-圆形柱状图(富集圈图)
我们使用df <- df[-which(df$fraction < 0.03),]去掉部分或用AI处理.
叶子Tenney
2023/03/07
6730
医信融合创新沙龙投稿-圆形柱状图(富集圈图)
利用小提琴图探索帕尔默企鹅数据
众所周知,可视化好不好看,全凭注释是否精(花)准(哨)。接下来就是最考验技术的地方了!
HsuHeinrich
2025/04/23
690
利用小提琴图探索帕尔默企鹅数据
IOBR一站式免疫浸润分析R包及结果热图展示
延续上一篇推文:转录组8种免疫浸润分析方法整理(https://mp.weixin.qq.com/s/sy-HT1znQYTcktN3ef-djw)
凑齐六个字吧
2024/08/18
7410
IOBR一站式免疫浸润分析R包及结果热图展示
免疫浸润结果可视化
在之前的推文中我们介绍了2行代码实现9种免疫浸润方法,今天给大家介绍下常见的免疫浸润结果的可视化。
医学和生信笔记
2023/08/30
1.3K0
免疫浸润结果可视化
Phi小模型开发教程:C#使用本地模型Phi视觉模型分析图像,实现图片分类、搜索等功能
我们都知道,要实现对结构化的数据(文本)搜索是比较容易的,但是对于非结构化的数据,比如图片,视频就没那么简单了。
郑子铭
2025/03/14
940
Phi小模型开发教程:C#使用本地模型Phi视觉模型分析图像,实现图片分类、搜索等功能
高维数据 | R语言数据可视化之日历图
日历图,在环境与生态指标的动态监测中应用普遍,特别适用于显示不同时间段的指标情况。比如污染物中重金属含量、空气中PM2.5变化情况。在金融行业中检测股票收盘价、回测信号等指标中也很常见。生物医药领域的血糖或血压日记录值,新型冠状病毒的逐日确诊数量等等。通过时间分布的日历图动态监测数据,以弥补普通线图的不足。
黑妹的小屋
2020/08/06
2K0
一种不错的 BFF Microservice GraphQL/REST API 层的开发方式
云原生(Cloud Native)Node JS Express Reactive 微服务模板 (REST/GraphQL) 这个项目提供了完整的基于 Node JS / Typescript 的微服务模板,包括生产部署、监控、调试、日志记录、安全、CI/CD 所需的所有功能。还添加了基于响应性扩展的示例,以演示如何将其用于构建微服务 API 边缘服务(edge-service)、前端的后端(BFF)或将其用作构建任何类型微服务的基础。
为少
2021/05/27
2.6K0
一种不错的 BFF Microservice GraphQL/REST API 层的开发方式
听说WGCNA官网崩了?那还能做基因共表达分析吗?
http://www.genetics.ucla.edu/labs/horvath/CoexpressionNetwork/Rpackages/WGCNA/Tutorials/index.html
生信技能树
2024/12/19
2940
听说WGCNA官网崩了?那还能做基因共表达分析吗?
SUMO学习笔记(3)
https://sumo.dlr.de/docs/Tutorials/Manhattan.html
嘘、小点声
2021/05/13
1.7K0
COVID-19数据分析实战:WordCloud 词云分析
上一篇文章(链接)我们对COVID19_line_list数据集进行了清洗以及初步分析。本文中我们将分析如何用词云来展示文本信息的概要。
Ai学习的老章
2020/05/25
1.4K0
COVID-19数据分析实战:WordCloud 词云分析
数据分析最有用的Top 50 Matplotlib图(带有完整的Python代码)(下)
昨天我们跟大家分享了50个Matplotlib可视化 - 主图(带有完整的Python代码)上 ,详情链接请戳:50个Matplotlib可视化 - 主图(带有完整的Python代码)上
Datawhale
2019/10/18
2.2K0
数据分析最有用的Top 50 Matplotlib图(带有完整的Python代码)(下)
关于10X HD和Xenium数据整合分析以及HD解卷积RCTD的运用
追风少年i
2024/06/10
4370
关于10X HD和Xenium数据整合分析以及HD解卷积RCTD的运用
ggplot2|详解八大基本绘图要素
ggplot2是由Hadley Wickham创建的一个十分强大的可视化R包。按照ggplot2的绘图理念,Plot(图)= data(数据集)+ Aesthetics(美学映射)+ Geometry(几何对象)。本文将从ggplot2的八大基本要素逐步介绍这个强大的R可视化包。
生信补给站
2020/08/05
7.3K0
ggplot2|详解八大基本绘图要素
Kaggle上的泰坦尼克生还数据分析
数据准备 先根据数据的codebook来给每列命名,同时预先设定类型 setwd("d:/course/kaggle/titanic/") train.col.types <- c('integer', #PassengerId 'factor', # Survived 'factor', # Pclass 'character', # Name 'factor', # Sex 'numeric', # Age 'integer', # SibSp 'integer', # Parch
机器学习AI算法工程
2018/03/13
1.4K0
Kaggle上的泰坦尼克生还数据分析
Python数据分析实例操作
import pandas as pd #导入pandas import matplotlib.pyplot as plt #导入matplotlib from pylab import * mpl.rcParams['font.sans-serif'] = ['SimHei'] mpl.rcParams['axes.unicode_minus'] = False %matplotlib inline 数据读取与索引 bra = pd.read_csv('data/bra.csv') bra.head()
hankleo
2020/09/16
3550
Python数据分析实例操作
推荐阅读
相关推荐
R语言日常笔记(2)distinc函数
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验