第二次网页前端培训笔记（HTML)

最新推荐文章于 2024-10-15 15:24:52 发布
最新推荐文章于 2024-10-15 15:24:52 发布
阅读量242 收藏
点赞数
分类专栏： html 文章标签： 前端 html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_62885901/article/details/122801040
版权

学习网址：【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili

1.表单标签

1.1 form

form标签用于为用户输入创建HTML表单。

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词，比如 <html>
  • HTML 标签通常是成对出现的，比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签，第二个标签是结束标签
  • 开始和结束标签也被称为开放标签和闭合标签

 1.2 常用属性：

action ,method ,name ,target

1.3 method表单提交方式：get(常用于查询，速度较快),post（常用于修改）.

2.input标签

2.1 input标签用于搜集用户信息。根据不同的type属性值，输入字段拥有很多形式。输入字段可以是文本字段，复选框，单选按钮，按钮等等。

2.2 常用属性：

alt  ,checked（选中） ,disabled（禁用） ,readonly(只读) ,maxlearn (最大长度),value（值） ,type

3.表单元素标签 

3.1 textarea文本域:

该标签定义多行的文本输入控件。文本去可容纳无限数量的文本，可以通过cols和rows属性来规定textarea的尺寸。cols规定文本区间内的可见宽度。rows规定文本区内的可见行数。

3.2

标签描述
<form>定义供用户输入的表单
<input>定义输入域
<textarea>定义文本域 (一个多行的输入控件)
<label>定义了 <input> 元素的标签，一般为输入标题
<fieldset>定义了一组相关的表单元素，并使用外框包含起来
<legend>定义了 <fieldset> 元素的标题
<select>定义了下拉选项列表
<optgroup>定义选项组
<option>定义下拉列表中的选项
<button>定义一个点击按钮
<datalist>New指定一个预先定义的输入控件选项列表
<keygen>New定义了表单的密钥对生成器字段
<output>New定义一个计算结果

4.常用字符实体

4.1  HTML 中的预留字符必须被替换为字符实体。

一些在键盘上找不到的字符也可以使用字符实体来替换

4.2 HTML 中的常用字符实体是不间断空格(&nbsp;)。

4.3 

空格&nbsp;
<小于号&lt;
>大于号&gt;
©版权&copy;

 

子衿391
关注
专栏目录
第二次网页前端培训笔记（HBuilderX）
yiranjiuqing的博客
02-05 2082
常用标签 一.表单 from标签：表单标签，块级元素，会自动换行；将数据传输给服务器 常用属性： action 表单提交的地址url id 唯一标识 name 名称 target 表单提交打开方式（当前窗口） method 提交方式 get：参数会直接跟在url后面，用问好拼接，安全性差，传输的数据量小，效率高（是post的两倍），有缓存 post：参数不会跟在url地址栏后面，会放在请求体中；安全性高，传输数据量大，速度相对来说慢，无缓存 input标签 ...
第四次网页前端培训笔记（css常用属性设置）
weixin_64416967的博客
02-07 272
一.css常用属性设置 1.背景（css背景属性用于定义HTML元素的背景效果） background-color 设置元素的背景颜色 background-image 设置元素的背景图像，默认情况下，背景图像进行平铺重复显示。 background-repeat 设置是否及如何重复背景图像 2.文本 color 字体颜色 text-align 对齐方式（left、center、right） text-decoration 文本修饰（line-though 中划线 overline 上划线
第二次网页前端培训笔记(HTML)
fuzhuyyds的博客
02-05 621
1表单标签 1.1form form标签用于为用户输入创建HTML表单。 表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等。还可以包含textarea等元素。表单用于向服务器传输数据。form元素是块级元素，其前后会产生折行。 常用属性 属性 值 描述 action URL 规定当提交表单时向何处发送表单数据 method get，post 规定用于发送form-da...
第二次网页前端培训笔记（HTML）
m0_62854583的博客
02-05 527
1.表单标签 表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。 1.1.form标签 1.1.1.常用属性 action：表单提交的地址 id：唯一标识 name：名称 target：表单提交打开方式（分两种：get请求：一般默认为get请求，参数跟在url后面用问号拼接，安全性差但是效率高；post请求：参数不会跟在地址栏后面，安全性高，传输数据量大，但是速
第二次网页前端培训笔记
qq_57231850的博客
02-05 513
一、总体概述 本次的学习主要时html中表单的学习，其中包括一些表单中常用的组件。 目录 1.表单 2.用户注册的表单 3.readonly和disabled 4.input控件的maxlength 二、学习内容 1.表单 <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <title>表单form</ti...
第二次网页前端培训笔记（html表单）
Rrxiaobaijiu的博客
02-04 749
学习网址：【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili 1.表单标签和表单元素 （1）表单标签：form用于为用户输入创建html表单可包含input元素（eg：文本字段，复选框，单选框，提交按钮等）和textarea等元素 form块级元素，会自动换行，将数据传输给服务器； 常用属性：action：表单提交地址；id：唯一标识；name：名称；ta...
第二次网页前端培训笔记（HTML标签）
qq_62156548的博客
02-05 269
表单 form标签 <!-- form标签 表单标签，块级元素，会自动换行，将数据传输给服务器。 常用属性： action表单提交地址url id唯一标识 name名称 target表单提交打开方式（当前窗口） method提交方式（get请求/post请求） --> <form action="#" method="get" id="myform" name="myform"> <in...
第二次网页前端培训笔记（HTML表单）
qq_54138079的博客
02-05 129
一，学习网址 【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili 二，安装Hbuilder编辑器 HBuilderX-高效极客技巧 三，学习HTML 表单 form input textarea label button select Form：用于为用户输入创建HTML表单 form标签：表单标签，区级元素，会自动换行将数据传输给服务器 常用属性 ...
第二次网页前端培训笔记(HTML)表单
qq_14809847的博客
02-05 384
1.input标签 2. 实例 3.字符实体 3.快速入门 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <form> <label for="name"&...
爱创课堂前端培训VueJS第1天课堂笔记(本课程共3天).docx
10-25
- **单次插值**：只在第一次渲染时计算表达式并插入结果，后续不再更新。 - **过滤html插值**：通过过滤器处理插值内容。 - **插值表达式**：支持复杂的JavaScript表达式。 - **插值过滤器**：可以在插值表达式...
《重学前端》学习笔记(13)
林夏天的博客
02-10 1558
性能 凡是真正有价值的性能优化，必定是从端到端的业务场景建立体系来考虑的。 性能体系的建立可以分成以下几部分： 现状评估和建立指标； 技术方案； 执行； 结果评估和监控。 1. 现状评估和建立指标 要想做好性能优化，正确地评估现状和建立指标是最关键的一步。 作为一个工程师，指标又要考虑两个因素： 对用户来说，什么样的性能指标能更好地评估它的体验？ 对公司来说，什么样的指标会影响业务价值呢？ ...
h5(html5)+css3+移动端前端
weixin_58997863的博客
07-12 6436
h5(html5)+css3+移动端前端 知识点详细总结
web扩展
x737510的博客
10-10 604
HTTP（Hypertext Transfer Protocol）协议中的它们在用途和使用方式上有一些区别。用于请求服务器上的资源，通常是获取数据。GET 请求是幂等的，多次请求返回的结果应该是相同的，而且不应该对服务器产生任何副作用。用于向服务器提交数据，通常是提交表单数据或上传文件等。POST 请求可能对服务器产生副作用，例如在数据库中创建新的资源。数据通过 URL 参数传递，附在 URL 后面。因为数据在 URL 中可见，所以不适合传递敏感信息，且有长度限制。
前端开发攻略---8种方法实现在浏览器中跨页面通信
最新发布
nibabaoo的博客
10-15 1084
浏览器实现跨标签页通信的多种方式
Element-plus el-form、el-dialog 数据回显同时用时，重置失效问题
Mr. Zhang Xiaojian's Blog
10-12 496
当第一次打开网页并点击“编辑”按钮时，虽然对话框变量变为 true 使对话框可见，但同步代码会将 formData 对象的属性设置为默认值。由于 Vue 的异步更新机制，DOM 实际上还未更新，因此表单组件内绑定了这些有值的初始数据。这样，在后续调用 resetFields 方法时，表单将会重置为这些默认值而不是空值。编辑时表单的初始值被设置成了回显的数据，而不是空字符串。时，表单会回到上次设置的初始值，即回显的数据。
Vue3动态组件component不生效问题解决方法
Java_fenxiang的博客
10-14 619
问题：vue3循环渲染动态组件component不生效，页面空白在vue3使用component动态组件展示组件时，组件就是不展示显示空白。在vue2中使用动态变量component展示组件都是没问题。试了很多方法 踩了很多坑，所以记录下：登录后复制 <div class="preview-list" id="c...
基于monaco-editor的web日志组件
暗影刀客的博客
10-12 278
一个基于monaco-editor的web日志组件，支持灵活的扩展配置，支持vue和react
探秘纯前端Excel表格：构建现金流量表的完整指南
葡萄城技术团队博客
10-10 1138
现金流量表（Cash Flow Statement），是指反映企业在一定会计期间现金和现金等价物流入和流出的报表。现金流量表是企业财务报表的三个基本报告之一（另外两个是资产负债表和损益表）。为了全面系统地揭示企业一定时期的财务状况、经营成果和现金流量，财务报表需按财政部会计准则的标准格式设计，因此，财务报表的典型特征是数据更新频繁、分析维度多、数据来源复杂，常规的报表工具很难同时满足上述所有需求本博客将带大家了解如何使用类Excel 的 JavaScript 电子表格在前端创建现金流日历。。
一文区分SSTI 和 CSTI
zkaq7777777的博客
10-10 417
𝗦𝗲𝗿𝘃𝗲𝗿-𝘀𝗶𝗱𝗲 𝘁𝗲𝗺𝗽𝗹𝗮𝘁𝗲 𝗶𝗻𝗷𝗲𝗰𝘁𝗶𝗼𝗻 指可能发生使用服务器端模板引擎的 Web 应用程序。它涉及代码注入攻击，攻击者可以在服务器端模板中注入并执行恶意代码。𝗖𝗹𝗶𝗲𝗻𝘁 𝗦𝗶𝗱𝗲 𝗧𝗲𝗺𝗽𝗹𝗮𝘁𝗲 𝗜𝗻𝗷𝗲𝗰𝘁𝗶𝗼𝗻 是一个安全问题，攻击者的输入是注入页面并由客户端 JavaScript 库处理。TL;SSTI 允许在远程服务器上执行代码，而 CSTI 允许在受害者端【客户端】执行任意 JavaScript 代码。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值