仿 手机 网站模板html源码/谷歌seo怎么优化
目录
1. form表单的格式
1.1 form表单的常用属性
1.2 form表单的常用搭配标签：input
2. form表单构造GET请求实例
3. form表单构造POST请求实例
4. form表单构造法的缺陷
对于客户端浏览器，以下操作即构造了HTTP请求：
1. 直接在浏览器地址栏中输入URL，此时构造了一个GET请求；
2. HTML中，一些特殊的标签如img，a，link，script等可能会触发GET请求；
3. 通过form表单来触发GET或POST请求（form本质也是一个HTML，但更复杂一点，故而单列而论）；
4. ajax构造HTTP请求；
1. form表单的格式
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>form表单</title>
</head>
<body><form action=""></form>
</body>
</html>1.1 form表单的常用属性
1. 在form表单的开始标签中，可以写属性（键值对），其中键值对之间用空格分割，键和值之间用=分割，键不需要引号但值要有双引号；常用的属性有action与method；
2. action属性的值填写的内容是访问的请求的URL（可以带上IP和端口号）；
3. method属性的值填写的内容是构造的是GET请求还是POST请求（form表单只支持GET和POST，不支持其他的HTTP方法）；
1.2 form表单的常用搭配标签：input
input标签是一个单标签：
（1）常用属性type取值为text或password（text为明文输入，password是密文输入）时：
表示一个输入框：
input标签中，输入框中的内容就会被构造成HTTP请求的query string（键值对），其中key就是input输入框的name属性，value就是输入框中用户输入的内容；
（2）常用属性type取值为submit时，表示一个按钮：
此时value属性中的内容是按钮上显示的文本：
2. form表单构造GET请求实例
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>form表单</title>
</head>
<body><form action="http://www.sogou.com/abc.html" method="get"><input type="text" name="key1"><input type="text" name="key2"><input type="text" name="key3"><input type="submit" value="提交"></form>
</body>
</html>根据路径使用Chrome打开文件，在三个输入框中依次输入1,2,3：
点击提交后页面如下：
试用Fiddler抓包，请求详情如下：
当前实例表示：客户端构造了一个GET请求发送给服务器，服务器返回的响应为404；
如果需要获取到服务器返回的正确的期望的响应，需要服务器的代码进行配合；
3. form表单构造POST请求实例
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>form表单</title>
</head>
<body><form action="http://www.sogou.com/abc.html" method="post"><input type="text" name="key1"><input type="text" name="key2"><input type="text" name="key3"><input type="submit" value="提交"></form>
</body>
</html>点击提交后，同get请求，在输入框中输入1，2，3点击提交后，页面如下：
使用Fiddler抓包结果如下：
4. form表单构造法的缺陷：
1. form表单只支持构造GET和POST请求，不支持其他方法；
2. form会触发页面跳转，有时会带来不便；
相关文章：
【JavaEE】_form表单构造HTTP请求
目录 1. form表单的格式 1.1 form表单的常用属性 1.2 form表单的常用搭配标签：input 2. form表单构造GET请求实例 3. form表单构造POST请求实例 4. form表单构造法的缺陷 对于客户端浏览器，以下操作即构造了HTTP请求： 1. 直接在浏览器…...
Mysql中INFORMATION_SCHEMA虚拟库使用
虚拟库字段讲解 #查看INFORMATION_SCHEMA的表信息 DESC information_schema.tables; 重要列： TABLE_SCHEMA #表所在的库 TABLE_NAME #表名 ENGINE #表的存储引擎 TABLE_ROWS #表的行数 DATA_LENGTH #表数据行占用的字节数 AVG_ROW_LENGTH #平均行长度 INDEX_LENGTH…...
【《高性能 MySQL》摘录】第 2 章 MySQL 基准测试
文章目录 2.1 为什么需要基准测试2.2 基准测试的策略2.2.1 测试何种指标 2.3 基准测试方法2.3.1 设计和规划基准测试2.3.2 基准测试应该运行多长时间2.3.3 获取系统性能和状态2.3.4 获得准确的测试结果2.3.5 运行基准测试并分析结果2.3.6 绘图的重要性 2.4 基准测试工具…...
常用的Web应用程序的自动测试工具有哪些
在Web应用程序的自动化测试领域，有许多流行的工具可供选择。以下是一些常用的Web自动化测试工具： 1. Selenium - Selenium是最流行的开源Web应用程序自动化测试套件之一。 - 它支持多种编程语言，如Java、C#、Python、Ruby等。 …...
人工智能与开源机器学习框架
链接：华为机考原题 TensorFlow是一个开源的机器学习框架，由Google开发和维护。它提供了一个针对神经网络和深度学习的强大工具集，能够帮助开发人员构建和训练各种机器学习模型。 TensorFlow的基本概念包括： 张量（Ten…...
高通XBL阶段读取分区
【需求】： 在某些场景下，需要在XBL阶段读取分区数据，需要验证xbl阶段方案 这里主要以裸分区为例，比如oem分区。 1、创建一个1MB大小的oem.img，写入内容“test oem partition” 创建方式： dd if/dev/null …...
[极客大挑战2019]upload
该题考点：后缀黑名单文件内容过滤php木马的几种书写方法 phtml可以解析php代码；<script language"php">eval($_POST[cmd]);</script> 犯蠢的点儿：利用html、php空格和php.不解析<script language"php"&…...
[FastDDS] 基于eProsima FastDDS的移动机器人数据中间件
[FastDDS] 基于eProsima FastDDS的移动机器人数据中间件 注明：无 本栏目主要讲述，基于eProsima FastDDS的移动机器人数据中间件的实现、使用、性能测试。 What is [ FastDDS ]: eProsima Fast DDS是DDS（数据分发服务）规范的C实现…...
实现外网手机或者电脑随时随地远程访问家里的电脑主机(linux为例)
文章目录 一、背景概要二、安装配置花生壳软件(linux版本)三、手机端(外网)验证连接四、安装ubuntu20server版系统遇到的问题记录 一、背景概要 由于经常在遇到某些问题的时候，针对某一个场景的理解，需要借助于自己的电脑去编译(aosp/linux/qemu)代码查…...
spring boot集成redis
引入依赖 <!-- redis依赖 --><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-redis</artifactId></dependency><!-- 连接池依赖 --><dependency><groupId>org.ap…...
Docker的常用命令
Docker的常用命令 Docker是一个开源的应用容器引擎，它使得开发者能够打包他们的应用以及依赖包到一个可移植的容器中，然后发布到任何流行的Linux机器上，也可以实现虚拟化。容器是完全使用沙箱机制，相互之间没有任何接口ÿ…...
JSON简介与基本使用
JSON简介与基本使用 引言 在现今的互联网开发中，数据交换格式的选择至关重要。其中，JSON（JavaScript Object Notation）作为一种轻量级的数据交换格式，因其简洁、易读和易写的特性而备受青睐。本文将简要介绍JSON的基…...
好物周刊#40：多功能文件管理器
https://github.com/cunyu1943/JavaPark https://yuque.com/cunyu1943 村雨遥的好物周刊，记录每周看到的有价值的信息，主要针对计算机领域，每周五发布。 一、项目 1. 中国节假日补班日历 中国节假日、调休、补班日历，ICS 格式…...
【洛谷 P8780】[蓝桥杯 2022 省 B] 刷题统计 题解（贪心算法+模拟+四则运算）
[蓝桥杯 2022 省 B] 刷题统计 题目描述 小明决定从下周一开始努力刷题准备蓝桥杯竞赛。他计划周一至周五每天做 a a a 道题目，周六和周日每天做 b b b 道题目。请你帮小明计算，按照计划他将在第几天实现做题数大于等于 n n n 题? 输入格式 输入一…...
【蓝桥杯入门记录】静态数码管例程
目录 一、补充 （code） 二、例程 （1）例程1：数码管显示某一位（某一杠）。以点亮8段数码管最上面的横杠为例。 （2）例程2：数码管的8个段依次点亮（其他…...
6.openEuler系统服务的配置和管理（二）
openEuler OECA认证辅导，标红的文字为学习重点和考点。 如果需要做实验，建议安装麒麟信安、银河麒麟、统信等具有图形化的操作系统，其安装与openeuler基本一致。 3.任务管理 任务的概念和相关术语： 当你在终端或控制台工作时，可能不希望由于运行一个作业而占住了屏幕，因…...
一招鲜吃遍天！ChatGPT高级咒语揭秘：记忆、洗稿、速写SEO文章（一）
🌟 摘要 🌟 这个专栏系列的初衷是针对特定痛点精心设计GPT提示词，在这篇文章中，我们深入探讨了利用GPT技术解决三个常见挑战：增强记忆力、内容创新、以及SEO文章速写的高级技巧。这些挑战分别对应三个独特的解决策略，我们将逐一详细解析。 首先，解决记忆增强的挑战，我…...
LeetCode 每日一题 2024/2/19-2024/2/25
记录了初步解题思路 以及本地实现代码；并不一定为最优 也希望大家能一起探讨 一起进步 目录 2/19 590. N 叉树的后序遍历2/20 105. 从前序与中序遍历序列构造二叉树2/21 106. 从中序与后序遍历序列构造二叉树2/22 889. 根据前序和后序遍历构造二叉树2/23 2583. 二叉…...
Javaweb之SpringBootWeb案例之配置优先级的详细解析
1. 配置优先级 在我们前面的课程当中，我们已经讲解了SpringBoot项目当中支持的三类配置文件： application.properties application.yml application.yaml 在SpringBoot项目当中，我们要想配置一个属性，可以通过这三种方式当中…...
GO框架基础 (三)、xorm库
xorm介绍 官网：https://xorm.io/ git文档：https://github.com/go-xorm/xorm xorm 是一个 Go 语言的 ORM（对象关系映射）库，它提供了一种简单、高效的方式来将 Go 语言中的结构体与数据库表进行映射，并提供了…...
神经网络系列---回归问题和分类问题
文章目录 回归问题和分类问题回归问题：分类问题：多分类问题：排序问题：自定义损失函数： 回归问题和分类问题 回归问题： 回归问题是一种预测连续数值输出的任务。在这种问题中，模型的目标是根据…...
Jetpack Compose 与 Kotlin 的兼容性对应关系
点击查看：Jetpack Compose 教程 点击查看：Jetpack Compose Kotlin 的兼容性 官网 声明依赖项 如需添加 Compose Compiler 的依赖项，您必须将 Google Maven 代码库添加到项目中。如需了解详情，请参阅 Google 的 Maven 代码库。 …...
汇编反外挂
在软件保护领域，尤其是游戏保护中，反外挂是一个重要的议题。外挂通常指的是一种第三方软件，它可以修改游戏数据、操作游戏内存或提供其他作弊功能，从而给玩家带来不公平的优势。为了打击外挂，游戏开发者会采取一系列措…...
134 Linux 系统编程11 ，readlink命令，文件目录rwx权限差异，目录操作函数
一 readlink 命令 前面知道，如果a.soft是一个软链接，我们使用 cat a.soft,会直接查看这个软链接指向的文件 那么我们就是想看这个软链接是啥，可以使用 readlink a.soft 二 获取工作目录 getcwd函数 获取进程当前工作目录 (卷3，标…...
仿12306校招项目业务二（列车检索）
目录 验证数据 加载城市数据 查询列车站点信息 查询列车余票信息 构建列车返回数据 12306 项目中列车数据检索接口路径  TicketController的pageListTicketQuery。 GetMapping("/api/ticket-service/ticket/query")public Result<T…...
前端架构: 实现脚手架终端UI样式之ANSI escape code, Chalk, Ora介绍
在脚手架当中实现命令行的UI显示 1 ）概述 在命令行中，如果想实现除传统的常规文本以外的内容比如想对字体进行加粗斜体下划线，包括对它改变颜色改变前景色改变后景色等等需要借助一个叫做 ANSI escape code 这样的一个概念它其实是一个标准&…...
platform（驱动层+应用层）实现终端和中断开关点灯
设备树文件添加 myplatform{compatible"hqyj,myplatform";interrupt-parent<&gpiof>;interrupts<8 0>,<7 0>,<9 0>;led1-gpio<&gpioe 10 0>;led2-gpio<&gpiof 10 0>;led3-gpio<&gpioe 8 0>;reg<0x123…...
黑马JavaWeb开发跟学(一)Web前端开发HTML、CSS基础
黑马JavaWeb开发一.Web前端开发HTML、CSS基础 引子、Web开发介绍传统路线本课程全新路线本课程适用人群课程收获一、什么是web开发二、网站的工作流程三、网站的开发模式四、网站的开发技术 前端开发基础一、前端开发二、HTML & CSS2.1 HTML快速入门2.1.1 操作第一步第二步…...
Nest.js权限管理系统开发（四）Swagger API接入
什么是swagger Swagger 是一个规范和完整的框架，用于生成、描述、调用和可视化 RESTful 风格的 Web 服务(<https://swagger.io/>)。 它的主要作用是： 1. 使得前后端分离开发更加方便，有利于团队协作 2. 接口的文档在线自动生成…...
(全注解开发)学习Spring-MVC的第三天
全注解开发 第一部分 : 1.1 消除spring-mvc.xml 这些是原来spring-mvc.xml配置文件的内容 <!--1、组件扫描, 使Controller可以被扫描到--><context:component-scan base-package"com.itheima.controller"/><!--2、非自定义的Bean, 文件上传解析器--&…...