当前位置： 首页 > news >正文

6.html表单

news 2026/5/13 5:53:15

HTML表单（HTML form）是网页中用于收集用户输入数据的一种方式。表单由多个表单元素组成，通常包括输入框，复选框，单选按钮，下拉列表和提交按钮等。

HTML表单元素的基本结构如下：

<form action="提交地址" method="提交方式">表单元素...<input type="submit" value="提交">
</form>

其中，action属性指定了表单提交的地址，method属性指定了表单提交的方式（一般为GET或POST）。表单元素包括各种输入框、下拉列表、单选按钮等。提交按钮使用input标签的type属性设置为submit。

HTML表单元素还可以设置各种属性，如name、value、required等，用于限制用户输入或提供输入提示等功能。常见的表单元素有：

  • input：用于输入文本、数字、日期等
  • select：用于下拉列表
  • textarea：用于多行文本输入
  • radio：用于单选按钮
  • checkbox：用于复选框

在表单提交到服务器后，服务器可以通过各种编程语言（如PHP、Python等）对表单数据进行处理，从而实现各种功能，例如登录、注册、搜索等。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>HTML-表单项标签</title>
</head>
<body><!-- value: 表单项提交的值 -->
<form action="" method="post">姓名: <input type="text" name="name"> <br><br>密码: <input type="password" name="password"> <br><br> 性别: <input type="radio" name="gender" value="1"> 男<label><input type="radio" name="gender" value="2"> 女 </label> <br><br>爱好: <label><input type="checkbox" name="hobby" value="java"> java </label><label><input type="checkbox" name="hobby" value="game"> game </label><label><input type="checkbox" name="hobby" value="sing"> sing </label> <br><br>图像: <input type="file" name="image">  <br><br>生日: <input type="date" name="birthday"> <br><br>时间: <input type="time" name="time"> <br><br>日期时间: <input type="datetime-local" name="datetime"> <br><br>邮箱: <input type="email" name="email"> <br><br>年龄: <input type="number" name="age"> <br><br>学历: <select name="degree"><option value="">----------- 请选择 -----------</option><option value="1">大专</option><option value="2">本科</option><option value="3">硕士</option><option value="4">博士</option></select>  <br><br>描述: <textarea name="description" cols="30" rows="10"></textarea>  <br><br><input type="hidden" name="id" value="1"><!-- 表单常见按钮 --><input type="button" value="按钮"><input type="reset" value="重置"> <input type="submit" value="提交">   <br>
</form></body>
</html>

相关文章：

6.html表单

HTML表单&#xff08;HTML form&#xff09;是网页中用于收集用户输入数据的一种方式。表单由多个表单元素组成&#xff0c;通常包括输入框&#xff0c;复选框&#xff0c;单选按钮&#xff0c;下拉列表和提交按钮等。 HTML表单元素的基本结构如下&#xff1a; <form acti…...

编程日记 2023/10/2 16:19:41

【python学习第11节：numpy】

文章目录 一&#xff0c;numpy&#xff08;上&#xff09;1.1基础概念1.2数组的属性1.3数组创建1.4 类型转换1.5ndarry基础运算&#xff08;上&#xff09;矢量化运算1.6拷贝和视图1.6.1完全不复制1.6.2视图或浅拷贝1.6.3深拷贝 1.7索引&#xff0c;切片和迭代1.7.1一维数组1.7…...

编程日记 2023/10/2 16:18:40

Eclipse 主网即将上线迎空投预期，Zepoch 节点或成受益者？

目前&#xff0c;Zepoch 节点空投页面中&#xff0c;模块化 Layer2 Rollup 项目 Eclipse 出现在其空投列表中。 配合近期 Eclipse 宣布了其将由 SVM 提供支持的 Layer2 主网架构&#xff0c;并将在今年年底上线主网的消息后&#xff0c;不免引发两点猜测&#xff1a;一个是 Ecl…...

编程日记 2023/10/2 16:17:38

JavaSE | 初识Java(四) | 输入输出

基本语法 System.out.println(msg); // 输出一个字符串, 带换行 System.out.print(msg); // 输出一个字符串, 不带换行 System.out.printf(format, msg); // 格式化输出 println 输出的内容自带 \n, print 不带 \n printf 的格式化输出方式和 C 语言的 printf 是基本一致的 代码…...

编程日记 2023/10/2 16:16:37

车牌超分辨率：License Plate Super-Resolution Using Diffusion Models

论文作者&#xff1a;Sawsan AlHalawani,Bilel Benjdira,Adel Ammar,Anis Koubaa,Anas M. Ali 作者单位&#xff1a;Prince Sultan University 论文链接&#xff1a;http://arxiv.org/abs/2309.12506v1 内容简介&#xff1a; 1&#xff09;方向&#xff1a;图像超分辨率技术…...

编程日记 2023/10/2 16:15:36

如何制作在线流程图？6款在线工具帮你轻松搞定

流程图&#xff0c;顾名思义 —— 用视觉化的方式来描述一种过程或流程。它可以应用于各种领域&#xff0c;从业务流程&#xff0c;算法&#xff0c;到计算机程序等。然而&#xff0c;在创建流程图时&#xff0c;可能会遇到许多问题或者困惑&#xff0c;如缺乏专业的设计技能&a…...

编程日记 2023/10/2 16:13:34

反SSDTHOOK的另一种思路-0环实现自己的系统调用

反SSDTHOOK的另一种思路-0环实现自己的系统调用 大家都知道我们在应用层使用系统api除了gdi相关的都会走中断门或者systementer进0环然后在走ssdt表去执行0环的函数 这也就导致了ssdthook可以挡下大部分的api调用&#xff0c;那如果我们进0环走另外一条路线的话不通过ssdt就可…...

编程日记 2023/10/2 16:11:32

Certbot签发和续费泛域名SSL证书（通过DNS TXT记录来验证域名有效性）

我们在使用let’s encrypt获取免费的HTTPS证书的时候&#xff0c;let’s encrypt需要对域名进行验证&#xff0c;以确保域名是你自己的 之前用默认的文件验证方式总有奇怪的问题导致失败&#xff0c;我也是很无奈&#xff0c;于是改用验证DNS-TXT记录的方式来验证&#xff0c;而…...

编程日记 2023/10/2 16:10:31

PY32F003F18之RTC

一、RTC振荡器 PY32F003F18实时时钟的振荡器是内部RC振荡器&#xff0c;频率为32.768KHz。它也可以使用HSE时钟&#xff0c;不建议使用。HAL库提到LSE振荡器&#xff0c;但PY32F003F18实际上没有这个振荡器。 缺点&#xff1a;CPU掉电后&#xff0c;需要重新配置RTC&#xff…...

编程日记 2023/10/2 16:06:27

redis主从从，redis-7.0.13

redis主从从&#xff0c;redis-7.0.13 下载redis安装redis安装redis-7.0.13过程报错1、没有gcc&#xff0c;报错2、没有python3&#xff0c;报错3、[adlist.o] 错误 127 解决安装报错安装完成 部署redis 主从从结构redis主服务器配置redis启动redis登录redisredis默认是主 redi…...

编程日记 2023/10/2 16:04:24

力扣-338.比特位计数

Idea 直接暴力做法&#xff1a;计算从0到n&#xff0c;每一位数的二进制中1的个数&#xff0c;遍历其二进制的每一位即可得到1的个数 AC Code class Solution { public:vector<int> countBits(int n) {vector<int> ans;ans.emplace_back(0);for(int i 1; i < …...

编程日记 2023/10/2 16:03:23

【Leetcode】 17. 电话号码的字母组合

给定一个仅包含数字 2-9 的字符串&#xff0c;返回所有它能表示的字母组合。答案可以按 任意顺序 返回。 给出数字到字母的映射如下&#xff08;与电话按键相同&#xff09;。注意 1 不对应任何字母。 示例 1&#xff1a; 输入&#xff1a;digits "23" 输出&…...

编程日记 2023/10/2 16:01:21

洛谷P1102 A-B 数对题解

目录 题目A-B 数对题目背景题目描述输入格式输出格式样例 #1样例输入 #1样例输出 #1提示传送门 代码解释亲测 题目 A-B 数对 题目背景 出题是一件痛苦的事情&#xff01; 相同的题目看多了也会有审美疲劳&#xff0c;于是我舍弃了大家所熟悉的 AB Problem&#xff0c;改用 …...

编程日记 2023/10/2 15:57:15

【Linux进行时】进程地址空间

进程地址空间 例子引入&#xff1a; 我们在讲C语言的时候&#xff0c;老师给大家画过这样的空间布局图&#xff0c;但是我们对它不了解 我们写一个代码来验证Linux进程地址空间 #include<stdio.h> #include<assert.h> #include<unistd.h> int g_value100; …...

编程日记 2023/10/2 15:54:12

批量将文件名称符合要求的文件自动复制到新文件夹：Python实现

本文介绍基于Python语言&#xff0c;读取一个文件夹&#xff0c;并将其中每一个子文件夹内符合名称要求的文件加以筛选&#xff0c;并将筛选得到的文件复制到另一个目标文件夹中的方法。 本文的需求是&#xff1a;现在有一个大的文件夹&#xff0c;其中含有多个子文件夹&#x…...

编程日记 2023/10/2 15:52:10

TensorFlow入门(一、环境搭建)

一、下载安装Anaconda 下载地址:http://www.anaconda.comhttp://www.anaconda.com 下载完成后运行exe进行安装 二、下载cuda 下载地址:http://developer.nvidia.com/cuda-downloadshttp://developer.nvidia.com/cuda-downloads 下载完成后运行exe进行安装 安装后winR cmd进…...

编程日记 2023/10/2 15:51:09

90、Redis 的 value 所支持的数据类型（String、List、Set、Zset、Hash）----＞Hash 相关命令

本次讲解要点&#xff1a; Hash 相关命令&#xff1a;是指value中的数据类型 启动redis服务器&#xff1a; 打开小黑窗&#xff1a; C:\Users\JH>e: E:>cd E:\install\Redis6.0\Redis-x64-6.0.14\bin E:\install\Redis6.0\Redis-x64-6.0.14\bin>redis-server.exe red…...

编程日记 2023/10/2 15:50:08

我开源了一个加密算法仓库，支持18种算法！登录注册业务可用！

文章目录 仓库地址介绍安装用法SHA512HMACBcryptScryptAESRSAECC 仓库地址 仓库地址&#xff1a;https://github.com/palp1tate/go-crypto-guard 欢迎star和fork&#xff01; 介绍 此存储库包含用 Go 编写的全面的密码哈希库。该库支持多种哈希算法&#xff0c;它允许可定制…...

编程日记 2023/10/2 15:48:06

FPGA设计时序约束二、输入延时与输出延时

目录 一、背景 二、set_input_delay 2.1 set_input_delay含义 2.2 set_input_delay参数说明 2.3 使用样例 三、set_output_delay 3.1 set_output_delay含义 3.2 set_output_delay参数说明 3.3 使用样例 四、样例工程 4.1 工程代码 4.2 时序报告 五、参考资料 一、…...

编程日记 2023/10/2 15:47:05

电阻的基础与应用

文章目录 电阻的基础与应用电阻的介绍与分类电阻介绍电阻的分类碳膜/金属膜电阻厚膜/薄膜电阻功能性电阻&#xff08;光敏/热敏/压敏&#xff09;特殊电阻&#xff08;绕线电阻/水泥电阻/铝壳电阻&#xff09; 电阻的主要厂家与介绍国外厂家VISHAY(威世)KOA(兴亚)Kyocera(京瓷)…...

编程日记 2023/10/2 15:46:04

Stl.Fusion实际应用案例：从HelloCart到复杂业务系统的演进

Stl.Fusion实际应用案例&#xff1a;从HelloCart到复杂业务系统的演进 【免费下载链接】Stl.Fusion Build real-time apps (Blazor included) with less than 1% of extra code responsible for real-time updates. Host 10-1000x faster APIs relying on transparent and near…...

编程新知 2026/5/13 4:51:26

DeepSeek Serverless冷启动优化实录：从1200ms到47ms的7次迭代，附Go/Rust双语言Runtime调优参数表

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;DeepSeek Serverless冷启动优化全景概览 DeepSeek Serverless 平台在 AI 模型推理场景中面临显著的冷启动延迟挑战&#xff0c;尤其当模型权重加载、CUDA 上下文初始化与 Python 运行时预热叠加时&…...

编程新知 2026/5/13 4:35:14

Bevy引擎拾取系统：从射线检测到事件冒泡的完整交互方案

1. 项目概述与核心价值在构建交互式应用&#xff0c;尤其是游戏或3D编辑器时&#xff0c;一个基础且高频的需求就是让用户能够用鼠标、触摸屏等指针设备与屏幕上的物体进行交互。简单来说&#xff0c;就是“点选”功能。在Bevy引擎的早期版本中&#xff0c;这个看似简单的功能实…...

编程新知 2026/5/13 4:30:55

Bunge组织架构重组：农业巨头的战略转型解析

1. 全球农业巨头Bunge的组织架构重组解析2017年11月&#xff0c;总部位于纽约白原市的Bunge Limited&#xff08;NYSE: BG&#xff09;宣布了一项重大组织架构调整&#xff0c;将原有的五个运营公司模式精简为三个地理区域——北美、南美和欧洲/亚洲。作为在40多个国家拥有约32…...

编程新知 2026/5/13 3:51:18

基于Vue 3与UnoCSS构建轻量级个人导航页：从零部署到高级定制

1. 项目概述&#xff1a;一个轻量级、可定制的个人导航页 最近在折腾自己的浏览器主页&#xff0c;厌倦了那些臃肿、广告满天飞的默认页面&#xff0c;也受够了每次都要在书签栏里翻找常用链接。作为一个喜欢把一切工具都“私有化”和“个性化”的开发者&#xff0c;我决定自己…...

编程新知 2026/5/13 3:15:48

ngx_http_create_request

1 定义 ngx_http_create_request 函数 定义在 ./nginx-1.24.0/src/http/ngx_http_request.cngx_http_request_t * ngx_http_create_request(ngx_connection_t *c) {ngx_http_request_t *r;ngx_http_log_ctx_t *ctx;ngx_http_core_loc_conf_t *clcf;r ngx_http_…...

编程新知 2026/5/13 2:32:09

windows构建mamba环境

收集必要的whl文件 在某&#x1f41f;等平台或者是精密搜索找到以下whl文件 对于3.10 python triton-2.0.0-cp310-cp310-win_amd64.whl causal_conv1d-1.1.1-cp310-cp310-win_amd64.whl mamba_ssm-1.1.3-cp310-cp310-win_amd64.whl 对于3.11 python FuouM/mamba-ssm-windo…...

编程新知 2026/5/13 2:13:24

利用示波器直方图功能低成本测量信号抖动的方法与实践

1. 项目概述&#xff1a;用直方图低成本测量抖动在嵌入式系统、高速数字接口乃至电机控制的设计与调试中&#xff0c;信号抖动&#xff08;Jitter&#xff09;的测量和分析是一个绕不开的坎。无论是为了确保通信链路的误码率&#xff0c;还是为了验证时钟信号的纯净度&#xff…...

编程新知 2026/5/13 2:09:18

基于Godot与Roslyn构建现代化.NET IDE：SharpIDE架构解析与实践

1. 项目概述&#xff1a;一个为.NET开发者打造的现代IDE如果你是一个.NET开发者&#xff0c;尤其是长期使用C#进行开发&#xff0c;那么你肯定对Visual Studio和Visual Studio Code这两款工具又爱又恨。Visual Studio功能强大但略显笨重&#xff0c;VS Code轻快但针对.NET的原生…...

编程新知 2026/5/13 0:48:59

5月12日直播 | CANN Bench：为昇腾算子评测立起一把统一的尺子

CANN Bench&#xff1a;为昇腾算子评测立起一把统一的尺子 当 Coding Agent 一次写出几十个算子已成为常态&#xff0c;"什么算优质算子"变成了一个单一维度无法评估准确的问题&#xff1a;能不能过编译只是入场券&#xff0c;精度是否经得起验证、换个 shape 换个 d…...

编程新知 2026/5/12 23:57:33