内嵌与表单

亦凉 2023-06-03 09:58 5阅读 0赞

内嵌标签 iframe

<iframe src="http://www.taobao.com" width="100%" height="300px"></iframe>

指定水平方向为整块区域，垂直方向300px的大小显示淘宝网界面

width设置页面高度，height设置页面高度，name给内嵌页面设置名字，src设置内嵌页面要显示内容的地址

玩双搜

1 <html>
     2     <head>
     3         <meta charset="utf-8" />
     4         <meta name="内嵌标签">
     5         <title></title>
     6     </head>
     7     <body>
     8         <h3>内嵌标签</h3>
     9         <hr>
    10         <a href="http://www.taobao.com" target="_TB">淘宝</a>
    11         <a href="http://www.JD.com" target="_JD">京东</a><br/>
    12         <iframe src="" width="49%" height="300px" name="_TB"></iframe>
    13         <iframe src="" width="49%" height="300px" name="_JD"></iframe>
    14     </body>
    15 </html>

框架标签：frameset　　(要删除body标签)

水平切割：rows（10%,\*,10%）将网页分为三部分分别为10%，80%，10%

垂直切割：cols

表单

form表单标签：收集并提交标签内的用户交数据给指定服务器

action属性值：收集提交地址（URL）

method属性值：收集数据的提交方式

get：适合提交小量数据，表单数据以？隔开，拼接在URL后面，不同数据以&隔开数据以键值对的方式进行显示，不安全

post：适合提交大量数据，安全，隐式提交

form表单域标签：给用户提供数据书写或可以选择的标签

在点击提交时，form标签会将其内部所有form表单域标签中用户书写的数据按照method指明的提交方式提交给action属性所指明的提交地址

<input type="" name=""> type为用户输入方式name为提交以后给服务器键值对的key值，value为默认值

text为普通文本框(内容用户可见)　　　　password为密码框(内容用户不可见)

submit为提交按钮　　　　radio为单选框（配合name标签使用，name值一样时，只能选一个，当使用checked属性时，该项作为默认选择项）

CheckBox 多选框　　　　button 普通按钮　　　　hidden 隐藏标签

select标签：下拉菜单：字标签option的内容为下拉值，value属性为值说对应要提交的数据

textarea文本域标签：一个可以输入大量文本的文本框 rows行 cols列 name键

转载于:https://www.cnblogs.com/haoyujun135/p/11594233.html

发表评论取消回复

表情：

评论列表（有 0 条评论，5人围观）

还没有评论，来说两句吧...

相关阅读

相关 SpringBoot内嵌数据库

![在这里插入图片描述][8d8e0d8a542946af858489a536162608.gif_pic_center] > 个人简介：Java领域新星创作者；阿里云技术博

我就是我/ 2023年10月12日 11:53/ 0 赞/ 107 阅读

相关内嵌与表单

内嵌标签 iframe <iframe src="http://www.taobao.com" width="100%" height="300px"></ifram

亦凉/ 2023年06月03日 09:58/ 0 赞/ 6 阅读

相关 MongoDB内嵌文档查询

内嵌文档查询包括两种情况查询整个内嵌文档，当内嵌文档键值对的数量以及键值对的顺序都相同时，才会匹配查询文档的某个字段，需要使用.号操作符实例

谁借莪１个温暖的怀抱￠/ 2022年08月21日 13:55/ 0 赞/ 269 阅读

相关 Jetty 内嵌启动2

转载地址：https://blog.3u3.me/post/shell-boot-java-pro/ October 12, 2016 [啟動 Java 程序 Shell

た入场券/ 2022年06月07日 04:48/ 0 赞/ 257 阅读

相关 Jetty 1 内嵌启动

转载：http://www.jfinal.com/share/433 要说的是, 鄙人所说的方案和这篇文章 http://www.jfinal.com/share/

我就是我/ 2022年06月07日 04:48/ 0 赞/ 239 阅读

相关 UCOSIII内嵌信号量

> 不仅能够简化代码，而且比使用独立的信号量更有效 API函数 //等待-1 OS_SEM_CTR OSTaskSemPend (OS_TICK timeo

女爷i/ 2022年06月02日 00:09/ 0 赞/ 210 阅读

相关 SpringBoot Boot内嵌Tomcat

[SpringBoot Boot内嵌Tomcat][SpringBoot Boot_Tomcat] Spring Boot： SpringBoot-start-web

叁歲伎倆/ 2022年01月28日 14:25/ 0 赞/ 386 阅读

相关第二天第二弹 iframe内嵌框架和from表单和input的运用

先是iframe框架 ![1371075-20180410215019710-2033491214.png][] 接下来是代码的运用 <html>

左手的ㄟ右手/ 2021年09月30日 12:02/ 0 赞/ 155 阅读

相关 SpringBoot 内嵌集成Flink

写在前面：这里使用的是Spring中内嵌Flink 并不是Flink集群服务器，我也不知道为啥公司要这么搞，可能是没钱吧。文章目录 pom引入使用

谁践踏了优雅/ 2021年09月25日 01:48/ 0 赞/ 2296 阅读

相关 html 内嵌标签iframe

内嵌标签:在当前网页内加载另一个网页的资源，多个网页互不干扰 <iframe></iframe> 属性: src

系统管理员/ 2021年07月24日 22:10/ 0 赞/ 500 阅读