QD1-P13 HTML 表单标签(form)

news2024/11/24 19:04:59

本节学习 HTML 表单标签:form


本节视频

www.bilibili.com/video/BV1n64y1U7oj?p=13


知识点1:form标签的用途

form​ 标签在HTML中用于创建一个表单,它允许用户输入数据,然后可以将这些数据发送到服务器进行处理。以下是form​标签的一些基本属性和用法:


知识点2:基本语法

<form action="服务器端脚本的URL" method="提交方法" enctype="编码类型">
  <!-- 表单元素(如:输入框、单选框、复选框、提交按钮等) -->
</form>

示例HTML

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>P13-表单标签form</title>
	</head>
	<body>
		<form action="http://www.baidu.com">
			姓名:<input type="text" />
			<button>提交</button>
		</form>
	</body>
</html>

预览

Clip_2024-10-10_22-43-08


知识点3:常用属性

  • action:表单数据提交到指定URL。

比如,

<form action="http://www.baidu.com">

这是要提交到百度服务器


  • method:提交方式。

    • GET​:表单数据在URL中可见。

    recording

    • POST​:表单数据不会出现在URL中,适合包含敏感信息的表单。

    recording


  • name:要提交的参数的名字。

例如

<input type="text" name="uname" />

  • target:提交数据时打开窗口的方式。

    • _self​ 当前页面
    • _blank​ 新页面
  • style属性:设置行内样式

  • class属性:设置元素的样式名

这几个属性在前面的小节中已经接触过了。


知识点4:POST请求需要服务器支持

HTML

<form action="http://www.baidu.com" method="post" target="_blank">
	姓名:<input type="text" name="uname" />
	<button>提交</button>
</form>

提交地址是百度,瞎填的。百度服务器不理会咱的请求,所以就看到了这个错误提示画面。

Clip_2024-10-10_23-20-47

知识点5:GET和POST的区别

  1. GET请求的参数会显示在地址栏URL中,POST不会
  2. POST请求需要服务器支持
  3. POST请求更安全
  4. GET请求更快(GET会使用缓存,POST无缓存)

表单需要结合表单元素使用。下一节学习表单元素。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2208000.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

JS 运算符

目录 1. 赋值运算符 2. 一元运算符 2.1 自增 2.1.1 前置自增 2.1.2 后置自增 2.1.3 前置与后置自增对比 3. 比较运算符 3.1 字符串比较 4. 逻辑运算符 4.1 案例 5. 运算符优先级 1. 赋值运算符 2. 一元运算符 2.1 自增 2.1.1 前置自增 2.1.2 后置自增 2.1.3 前置与后…

户外防火值守:太阳能语音监控杆的参数及技术特点

随着假期旅游的热潮日渐高涨&#xff0c;我们游览各大景区、公园或森林区域时&#xff0c;经常会与各种智能设备不期而遇。这些高科技产品不仅提升了旅游体验&#xff0c;更在无形中保障了游客的安全与景区的环境保护。在我最近的旅行经历中&#xff0c;尤其是在深圳大鹏旅游景…

推荐几款适合跨境电商外贸的爬虫软件

在当今数据驱动的时代&#xff0c;自动化爬虫工具和软件成为了许多企业和个人获取数据的重要手段&#xff0c;特别是跨境电商、外贸等业务&#xff0c;对数据的需求非常大&#xff0c;比如对amazon、tiktok、shopee等网站数据的监测和获取。 这里会介绍6款功能强大、操作简便的…

回溯法与迭代法详解:如何从手机数字键盘生成字母组合

在这篇文章中&#xff0c;我们将详细介绍如何基于手机数字键盘的映射&#xff0c;给定一个仅包含数字 2-9 的字符串&#xff0c;输出它能够表示的所有字母组合。这是一个经典的回溯算法问题&#xff0c;适合初学者理解和掌握。 问题描述 给定一个数字字符串&#xff0c;比如 …

vue3+FullCalendar+Element-plus修改的日程安排表

实现效果 安装Fullcalendar相关插件 npm install fullcalendar/core fullcalendar/daygrid fullcalendar/timegrid fullcalendar/list fullcalendar/interaction --save代码中使用到了时间转换和element-plus&#xff0c;安装dayjs和element-plus npm install element-plus e…

03 django管理系统 - 部门管理 - 部门列表

部门管理 首先我们需要在models里定义Dept类 # 创建部门表 class Dept(models.Model):name models.CharField(max_length100)head models.CharField(max_length100)phone models.CharField(max_length15)email models.EmailField()address models.CharField(max_length2…

MySql的binlog与数据的恢复

目录 什么是binlogbinlog的作用binlog的三种模式binlog的开启数据的恢复与回滚binlog日志的删除 什么是binlog binlog我们一般叫做归档日志&#xff0c;他是mysql服务器层的日志&#xff0c;跟存储引擎无关&#xff0c;他记录的是所有DDL和DML的语句&#xff0c;不包含查询语句…

文本语义检索系统的搭建过程,涵盖了召回、排序以及Milvus召回系统、短视频推荐等相关内容

大家好&#xff0c;我是微学AI&#xff0c;今天给大家介绍一下本文详细介绍了文本语义检索系统的搭建过程&#xff0c;涵盖了召回、排序以及Milvus召回系统的相关内容。通过使用PyTorch框架&#xff0c;我们提供了样例代码&#xff0c;以帮助读者更好地理解和实践。该系统具有广…

基于STM32的车牌识别系统

基于STM32的车牌识别系统硬件设计 在智能交通系统中&#xff0c;车牌识别技术扮演着至关重要的角色。它不仅用于道路交通监控&#xff0c;还广泛应用于小区和停车场管理、收费站管理系统、车流统计以及移动车载系统等领域。本文将详细介绍基于STM32单片机的车牌识别系统的硬件…

Vue3 + TypeScript + Vite + Echarts

Vue3 TypeScript Vite Echarts 1、创建工程 npm create vitelatestcd echarts npm install npm run dev2、安装项目依赖模块 npm install types/node --save-devnpm install vue-router4npm install animate.css --save npm install gsap --savenpm install fetch --save …

2024年源代码加密软件推荐,十款超好用的源代码加密软件推荐

在当今数字化时代&#xff0c;源代码的安全性对于企业和开发者来说至关重要。无论是为了保护知识产权&#xff0c;还是为了防止恶意攻击&#xff0c;选择一款可靠的源代码加密软件都是必不可少的。本文将为您推荐2024年十款超好用的源代码加密软件&#xff0c;帮助您在保护代码…

10款超好用的电脑加密软件推荐|2024年常用电脑加密软件排行榜

随着数字化办公的普及&#xff0c;企业的数据安全面临前所未有的挑战。文件的泄露、窃取和丢失不仅会影响企业的商业利益&#xff0c;还可能导致客户隐私泄露&#xff0c;进而影响企业声誉。因此&#xff0c;选择一款合适的加密软件来保护公司机密文件变得尤为重要。2024年&…

AI产品经理怎么准备面试啊?

最近有些小伙伴&#xff0c;想要求职AI领域的产品经理&#xff0c;特别是AIGC的产品经理&#xff0c;但是不知道面试官会问哪些问题&#xff0c;也就不知道如何开始准备&#xff1f;该准备哪些东西&#xff1f;要准备到什么程度&#xff1f;最终导致迟迟不敢开始。 下面总共5家…

多级代理与提权维权

目录 代理构建FRP介绍下载配置⽂件&#xff1a; sock5代理Venom介绍下载配置 icmpsh介绍下载配置 pingtunnel介绍下载配置 EarthWorm介绍下载使用 权限提升win权限提升常⻅利⽤⼯具 Linux权限提升SUID提权 权限维持win权限维持系统服务后⻔⾃启动⽬录注册表后⻔其他类似隐藏⽤户…

西安国际数字影像产业园:文化创意产业的加速器

西安国际数字影像产业园作为文化创意产业的加速器&#xff0c;正为西安乃至全国的文化创意产业发展注入强大动力&#xff1a; 优越的基础条件&#xff1a;西安作为历史文化名城&#xff0c;文化底蕴深厚&#xff0c;为数字影像产业提供了丰富的创作素材和灵感源泉。西安国际数…

magic-html : 通用HTML数据提取器!DocAI:从非结构化文档中提取结构化数据!强大、快速、开源的微信机器人底层框架:wcf.js!

magic-html : 通用HTML数据提取器&#xff01;DocAI&#xff1a;从非结构化文档中提取结构化数据&#xff01;强大、快速、开源的微信机器人底层框架&#xff1a;wcf.js&#xff01; magic-html : 通用HTML数据提取器 magic-html提供了一套工具&#xff0c;能够轻松地从HTML中…

闪电麦昆 语音控制齿轮行进轨迹,ESP32搭配语音控制板,串口通信,附视频演示地址

演示地址 https://www.bilibili.com/video/BV1cW421d79L/?vd_sourceb8515e53f6d4c564b541d98dcc9df990 语音控制板的配置 web展示页面 esp32 程序 #include <ESP8266WiFi.h> #include <ESP8266WebServer.h> #include <LittleFS.h> #include <WebSo…

最全方案解决Android Studio中使用lombok插件错误: 找不到符号的问题

直接原因 先直接说原因&#xff0c;小部分是因为配置错误导致的&#xff0c;注意查看下面的步骤即可&#xff0c;另一大部分是因为Java和Kotlin混编的问题&#xff0c;lombok和kapt冲突&#xff0c;其实你用了kotlin基本不需要用lombok&#xff0c;多此一举&#xff01;所以可…

最新版 Global Mapper 26 发布

我们在《工作中常用的软件&#xff0c;可直接下载0.3m卫星影像、DEM和土地覆盖数据》一文中&#xff0c;为你分享了GlobalMapper25版本。 现在&#xff0c;该神器的最新版GlobalMapper26已发布&#xff0c;如果这两个版本的软件你都需要&#xff0c;请在文末查看它们的下载方法…

Spring源码分析:bean加载流程

背景 在Spring中&#xff0c;Bean的加载和管理是其核心功能之一&#xff0c;包括配置元数据解析、Bean定义注册、实例化、属性填充、初始化、后置处理器处理、完成创建和销毁等步骤。 源码入口 AbstractBeanFactory#doGetBean 具体源码流程如下&#xff1a; bean加载流程&#…