之间的文本是可见的网页主体内容 html标签格式 标签的语法： 内容部分 <标签名 属性1=“属性值1”...如： (2)http-equiv属性：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值...http-equiv="content-Type" charset=UTF8"> #指定网页编解码的格式 可简写为 refresh后面内容是指网页2秒后自动刷新跳转到百度页面...://、ftp://等 第2部分：为站点地址：可以是域名或IP地址 第3部分：为页面在站点中的目录：stu 第4部分：为页面名称，例如 index.html 各部分之间用“/”符号隔开。.../web method: 表单的提交方式 post/get默认取值就是get 表单元素 基本概念： HTML表单是HTML元素中较为复杂的部分，表单往往和脚本、动态页面、数据处理等功能相结合，因此它是制作动态网站很重要的内容
之间的文本是可见的网页主体内容 html标签格式 ?..."> (2)http-equiv属性：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值...://、ftp://等 第2部分：为站点地址：可以是域名或IP地址 第3部分：为页面在站点中的目录：stu 第4部分：为页面名称，例如 index.html 各部分之间用“/”符号隔开。...表格最重要的目的是显示表格类数据。表格类数据是指最适合组织为表格格式（即按行和列组织）的数据。...: 表单的提交方式 post/get默认取值就是get 表单元素 基本概念： HTML表单是HTML元素中较为复杂的部分，表单往往和脚本、动态页面、数据处理等功能相结合，因此它是制作动态网站很重要的内容
注：1.http-equiv属性：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确的显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值...://、ftp://等 第2部分：为站点地址：可以是域名或IP地址 第3部分：为页面在站点中的目录：stu 第4部分：为页面名称，例如 index.html 各部分之间用“/”符号隔开。...表格最重要的目的是显示表格数据。表格数据是指最适合组织为表格格式（即按行和按列组织）的数据。...表单属性 属性 描述 accept-charset 规定在被提交表单中使用的字符集（默认：页面字符集） action 规定向何处提交表单中的地址（URL）（提交页面） autocomplete 规定向浏览器应该自动完成表单...value：表单提交时对应项的值 type=“button”，“reset”，“submit”时，为按钮上显示的文本内容 type=“text”，“password”，“hidden
用途 标签（又称内联框架元素）表示了一个嵌套的浏览上下文(browsing context)，实际上是用来在当前页面中内嵌另一个HTML页面。 例子 <iframe src="....allow-forms: 允许嵌入<em>的</em>浏览上下文可以<em>提交</em><em>表单</em>。如果该关键字未使用，该操作将不可用allow-scripts: 允许嵌入<em>的</em>浏览上下文运行脚本（但不能window创建弹窗）。...✔ seamless 规定 渲染成是容器<em>页面</em>文档<em>的</em>一部<em>分</em>。 ✔ src 嵌套<em>页面</em>的URL地址。 srcdoc 规定在 中<em>显示</em><em>的</em><em>页面</em>的 <em>HTML</em> <em>内容</em>。...✔seamless规定 渲染成是容器<em>页面</em>文档<em>的</em>一部<em>分</em>。✔src嵌套<em>页面</em>的URL地址。 srcdoc规定在 中<em>显示</em><em>的</em><em>页面</em>的 <em>HTML</em> <em>内容</em>。...marginheight 框架<em>内容</em>到框架<em>的</em>上下边距，<em>以</em>像素<em>格式</em>表示。 marginwidth 规定是否在 iframe 中<em>显示</em>滚动条。
List Item 列表项 ，显示在列表中的内容，允许在一个列表中出现另一个列表，被嵌套的列表必须放在 中 36....表单元素，用于定义表单的提交信息如：提交地址，提交方式… … ②. 表单控件，能够与用户交互的界面元素 如：文本框，密码框… (2). 表单提交后的处理(服务器端) (3)....以隐式的方式提交数据到服务器(不会显示)，安全性较高，身份证号，密码，安全性要求高的数据，必须用 post b. 无提交数据大小限制 c....只有出现在 form 中的表单控件的数据才会被提交 ②. form 在页面中 没有显示效果，只有功能 39....文字 浮动框架，可以在一个浏览器窗口中同时显示多个页面文档的内容（在一个页面中引入另外一个页面)，内容可以为普通的文体描述，当浏览器不支持元素时，将显示该文本描述信息
DOCTYPE html> #这个lang表示语言，zh-CN是中文的意思，就是说，你整个文档的内容以中文为主，如果以英文为主，就写成lang='en' <...渲染引擎」，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。...://、ftp://等 第2部分：为站点地址：可以是域名或IP地址 第3部分：为页面在站点中的目录：stu 第4部分：为页面名称，例如 index.html 各部分之间用“/”符号隔开。...表单元素 基本概念： HTML表单是HTML元素中较为复杂的部分，表单往往和脚本、动态页面、数据处理等功能相结合，因此它是制作动态网站很重要的内容。 ...但是这样并不好，因为url中显示了你的信息，并且如果内容很多的话，你的地址栏不能够输入那么长的内容，为什么会默认拼接到url里面呢，因为form表单默认是get请求提交内容，我们可以改为post，来看看
而在一个网页中用来超文本链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。...隐藏字段 hidden 在页面上不显示，但在提交的时候随其他内容一起提交。 提交按钮 submit 用于提交表单中的内容。 重置按钮 reset 将表单中填写的内容设置为初始值。...☆表单提交的页面实现 1）先定义form表单中的action属性值，指定表单数据提交的目的地(服务端)。 2）明确提交方式，通过指定method属性值。...如果不定义，那么method的值默认是get。 表单提交方式(get/post) ☆两种方式的区别 1) get提交将数据显示在地址栏，对于敏感信息不安全。...其它标签 ☆ direction 属性：left right down up behavior 属性：scroll alternate slide ☆ 可以将文本内容按在代码区的样子显示在页面上
= views.html.hello("play") 跟常见的模板层引擎一样，模板函数的函数体包含两部分内容，一部分是静态的HTML内容，另一部分是动态的Scala表达式。...，避免转义，通常用于输出HTML文本或Json格式内容： @Html(htmlContent) 页面布局 通常我们会创建一个views/main.scala.html文件用于控制页面的整体布局： @(title...">@content main模板接受两个参数，一个是页面标题title，另一个是页面正文content。... } 处理表单 用户在浏览器端通过Html表单填充业务数据并提交至服务器端进行处理，与之对应的，Play 在服务器端提供了 Form 类用于处理与Html表单相关的操作： 数据绑定 数据校验...当用户再次提交模板层渲染出的表单时，表单参数传至服务器端，重新执行校验、绑定和抽取等步骤，整个处理过程形成了一个闭环。 关于模板层 helper 的详细内容请参考官方文档。
常见的表单应用：注册页面、登录页面。 标签外部，此处数据不能提交--> 表单的特点： 表单标签在浏览器上没有任何显示 表单用于向服务器传输数据 一个页面，如果需要通常只有一个表单...get 方式提交的数据 敏感信息不安全 Post 方式提交的数据 相对安全 get 方式提交的数据量 有限的 Post 方式从理论上提交的数据量 无限大 两种提交方式用哪个...1.2.7 案例：用户登录 需求说明 要求完成以下效果： 1 、 密码非明文 2 、 登录按钮点击后，表单数据以 post 方式提交 知识点： 以上效果是：图片形式的提交按钮...2、粘贴图片路径即可 注意： 设置过 标签后，所有的相对路径都会从 base 路径出发 2.总结
二、页面编辑页制作及功能编写 2.1 表单标题栏制作 2.2 编辑区内容制作 2.3 点击组件按钮添加元素到表单中 2.4 编辑组件标题与删除添加的组件 2.5 保存添加组件的内容 2.6 动态更改组件的属性...设置完毕后添加按钮组件至左右两侧标题栏下： 设置好对应的按钮样式后，页面中显示效果如下（设置样式不同则显示不同，根据各自喜好进行属性设置）： 2.2 编辑区内容制作 制作完标题栏后，我们创建一个行命名为编辑内容块...表单填写页用于表单内容填写，其功能与动态生成页面实现类似，均是通过数组进行循环创建并且绑定数组内容，在此是通过传入一个数据ID，由该ID作为查询条件，从数据库进行获取，将数据剥离后即可完成内容的显示；...接下来创建一个服务为已填写表单提交数据，接收的参数为 组件次序、组件标题、组件内容、父表ID： 随后进行常规的数据提交，并且增加一个动作，以父表 ID 为条件，更新表单数据库的当前表单的记录数加...1： 最后给提交按钮添加提交事件： 预览页面进行内容提交后将会在已填写表单数据库中看到具体内容： 最后在前台页面下创建一个变量用于记录点击的父表内容： 当我们点击填写按钮时，将会设置该变量的值为当前点击表单的
1.http-equiv属性：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。...://、ftp://等 第2部分：为站点地址：可以是域名或IP地址 第3部分：为页面在站点中的目录：stu 第4部分：为页面名称，例如 index.html 各部分之间用“/”符号隔开。...和 label标签 表单的属性： 属性 描述 accept-charset 规定在被提交表单中使用的字符集（默认：页面字符集）。...action 规定向何处提交表单的地址（URL）（提交页面）。 autocomplete 规定浏览器应该自动完成表单（默认：开启）。...“键”，注意和id的区别 value：表单提交时对应项的值 type=”button”, “reset”, “submit”时，为按钮上显示的文本年内容 type=”text”,”password”,
之间的文本是可见的网页主体内容 四、HTML的标签格式 标签的语法： 内容部分 http-equiv属性：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。...://、ftp://等 第2部分：为站点地址：可以是域名或IP地址 第3部分：为页面在站点中的目录：stu 第4部分：为页面名称，例如 index.html 各部分之间用“/”符号隔开。...表格最重要的目的是显示表格类数据。表格类数据是指最适合组织为表格格式（即按行和列组织）的数据。...post/get默认取值就是get 表单元素 基本概念： HTML表单是HTML元素中较为复杂的部分，表单往往和脚本、动态页面、数据处理等功能相结合，因此它是制作动态网站很重要的内容。
2.段落标记 段落标记以标记开头，以标记结束。 段落标记在段前和段后各添加一个空行，而定义在段落标记中的内容不受该标记的影响。...4.居中标记 居中标记以标记开头，以结尾。 标记之中的内容居中显示。 5.文字列表标记 无序列表 无序标记是在每一个列表项的前面添加一个圆点符号。...HTML表单标记 1.…表单标记 表单标记以标记开头，以标记结尾。在表单标记中可以定义处理表单数据程序的URL地址等信息。...="value">默认值 标记的属性说明如下表所示： 属性 描述 name 用于指定多行文本框的名称，当表单提交后，在服务端获取表单数据时应用 cols 用于指定多行文本框显示的列数...，用于实现在网站中从一个页面跳转到另一个页面。
HTML5 中不支持 0x00 表单标签元素 form 标签 描述: 表单是一个包含表单元素的区域，表单元素是允许用户在表单中输入内容,其包含 文本框、文本域(textarea)、按钮、下拉列表、单选框...Get 请求：用于没有敏感信息，且少量数据的提交，其表单数据在页面地址栏中是可见的，例如 action page.php?...，选择后这些文件可以使用提交表单的方式上传到服务器上，或者通过 Javascript 代码和文件 API 对文件进行操作，注意该提交必须为POST请求。...autofocus: 页面加载完毕之后是否自动给本元素添加焦点。 rows: 元素的输入文本的行数（显示的高度）。 cols: 文本域的可视宽度, 必须为正数，默认为 20 (HTML5)。...formtarget 属性: 表示接收提交的表单后在哪里显示响应（_self,_top,_blank,_parent） 温馨提示: 请始终为 元素规定 type 属性 (三种类型)，
Forms表单 到目前为止，我们只讨论从服务器获取数据。表单是HTML的另一个方面，它允许我们向服务器发送信息。我们可以使用表单更新现有信息或添加新信息。...通过认证用户创建新的博客 为此，我们需要一个带有两个输入字段(标题、内容)的HTML表单，用户可以通过该表单创建一个博客帖子。...该脚本还可以进行处理，可以从获取服务器日期和时间，也可以是基于从另一个表或web服务检索的值来计算字段。 另一个注意事项:脚本也可以执行验证，也称为服务器端验证，以确保数据是有效的。...我们需要根据所请求的blog post ID读取数据库中的数据，然后显示标题和内容字段的内容。 显示单个博客文章的高级伪代码: 从数据库读取数据以获取博客文章ID。...View:视图可以是任何输出的信息表示。我们的HTML代码显示在这里，所以数据来自模型，但是HTML在视图中。 Controller:第三部分，如果我们点击视图后链接，控制器将被调用。
DOCTYPE html>: 声明文档类型。规定了HTML页面必须遵从的良好规则，从HTML5后，是最短的有效的文档声明。...：这个标签是一个容器，它包含了所有你想包含在HTML页面中但不想在HTML页面中显示的内容。这些内容包括你想在搜索结果中出现的关键字和页面描述，CSS样式，字符集声明等等。...块级元素（block）在页面中以块的形式展现。相对于其前面的内容它会出现在新的一行，其后的内容也会被挤到下一行展现。比如 ，， ，等。 行内元素 行内显示。...，在提交整个表单数据时，可以用于区分属于不同的值 value 这个元素当前的值，允许用户通过页面输入 使用方式： 以name属性值作为键，value属性值作为值，构成键值对提交到服务器...实现上部（图片） 实现下部（表单） 实现页面跳转，从案例2跳转到案例3。
如果希望HTML页面以JSON格式发出请求，则不能使用HTML表单;我们需要使用JavaScript。创建一个HTML文件，cos-json-request.html在这个例子中，用以下代码: ?...5、解决此限制的最简单方法是创建一个HTML页面，该页面在HTML表单生成的POST请求中发送相同的参数，因为浏览器在提交表单时不会检查CORS策略。...创建另一个HTML文件，CORS-form-request.html，内容如下: ?...然后我们制作了一个HTML表单来发送与JavaScript请求中相同的参数，但使用HTML表单格式，它成功了。...web服务以多种格式(如XML、JSON或HTML表单)接收信息并不少见，因为它们打算与许多不同的应用程序进行交互;然而，这种开放性可能会使web服务暴露于攻击之下，特别是在CSRF等漏洞没有得到适当处理的情况下
--只有1-6级标签，设置h7会不识别，而当作普通文字进行解析--> p 划分段落，自动在段前段后自动加空行 align段落的对齐方式，默认为居左 hr 分隔符标签，会在页面上显示一条分割线 size属性.../表示本层 第二种互联网路径 必须在前面加上https:// alt属性：图片无法显示的时候显示的文字 width height 可以是400也可以是百分比，百分比是父标签的百分比...是将表单数据提交到那个页面 method是传输数据的方法get和post Get将数据拼接到地址栏中，get相对不安全 ，get提交数据量有限 Post不会将数据拼接到地址栏将数据上传到请求体中 相对安全...，理论上是无限的 尽量使用post方式提交表单 提交表单的注意事项 ①需要提交服务器中的数据，必须都要放到form表单中，否则是提交不过去的 ②最后的提交形式就是 name=value&name=value...，以%进行拼接，拼接成字符串就是url编码后的结果 META 元—->属性 div 区域分割标签，普通的标签 独占一行，主要使用div标签进行区域划分； demo 页面结构 头标签 语义化特征
"> 表单内容 (1)action="url"属性意为把表单提交到某个页面,method=get|post为向服务器发送数据的方式。...(2)提交方法：get提交,表单数据会在地址栏url中显示；而post提交不会显示，所以post提交更安全。...、文件数据等多部分内容时，要设置表单的enctype编码属性为 multipart/form-data,表示把表单数据分为多部分提交。...(10)表单隐藏域hidden：数据不会页面中显示，但会随表单一同提交。...加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。
DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 <!...1.http-equiv属性：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。...、列表、图案、表单、数字符号、预置文本和其它的表格等内容。...表格最重要的目的是显示表格类数据。表格类数据是指最适合组织为表格格式（即按行和列组织）的数据。...表单属性 属性 值 含义 action URL 指定一个表单处理目标URL，表单数据将被提交到该URL地址的处理程序。 如果该属性值为空，则提交到文档自身。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
