- 博客(35)
- 问答 (1)
- 收藏
- 关注
原创 18.表单初级验证
正则表达式就像一个规范,加入之后就可以识别用户输入的内容是否符合该规范,使得网站更安全。它是一个非空判断,这里用邮件标签为例,加标签中加入required,网页端提交时就会审查该输入框内有无元素,若没有则无法提交,也就是将一个选填项变为了必填项。它是一个提示信息,可以在要输入信息的文本框中显示提示信息,该提示信息会在用户输入第一个字时消失,可以有效提高用户输入信息的准确度。
2024-08-02 20:40:53
353
原创 17.表单的应用
禁用标签:disable,这里用邮箱验证标签为例,添加了disabled后,该标签在网页上就不可用了,虽然它还会显示,但是邮箱的填写框是灰色的,你无法选中。只读标签:readonly,在标签后加入readonly,该标签显示的内容就为只读标签,在网页端无法修改,你可以选中里面的内容,但不能改不能写也不能删除,名字栏中显示的永远是value中的值。隐藏标签:hidden,添加了hidden的标签在网页端会被隐藏起来无法看到,但是在提交整个页面的表单信息后,该隐藏的信息依旧存在并且被提交。
2024-08-02 16:31:23
631
原创 16.搜索框滑块和简单验证
邮箱验证框的type是email,在框内,它会自动检测输入内容的格式 ,若格式非邮箱格式,则会提示格式错误无法提交。但是这个检查十分低级,只能仅仅只能检查最基本的格式错误,如果输入一个和邮箱一样格式的账号,但此账号是一个乱填进去不存在的账号,它是无法识别的。其中min和max是限制数字的大小范围,step表示步进,用来规定范围内数字的间隔,验证框右边会有两个上下箭头,点击可以增加或减少数字,每次增加或减少的量就是step设置的值,效果如下图。
2024-08-02 11:09:54
505
原创 15.列表框文本域和文件域
上面的代码中,我在其中一个选项里加入了selected,这表示该列表框的默认选项,即每次点开这表单网页这个选项都会默认勾选上。文件域的代码和前面的文本框等代码类似,都是input标签,type=“file”,一定要有name值(和前面一样),文本域可以用来选择提交文件,然后我们可以加一个button按钮来作为文件的提交按钮(但这个按钮在这里没有实际作用)文本域的代码标签是textarea,可以通过cols、rows设置文本域的大小,双标签之间输入文本域的内容。
2024-08-01 21:00:07
495
原创 14.按钮和多选框
按钮标签有上面4中,最直接的一种就是button,他生成的按钮点击没有直接的效果,需要结合gss进行设置,然后就是图像按钮,他和submit按钮的作用一样,点击之后会把该网页填写的信息提交到(action)指定网址。上面是多选框的代码,和单选框不同的是,多选框的type=“checkbox”,并且在同一组里可以同时选取多个已有选项,效果如下图。最后,我们按照上图输入的信息提交到指定网址,使用的方式是get,网址提取到信息如下图。如图中所示,没有输入的信息则为空,已选择的多选框则会在后面展示出来。
2024-08-01 16:04:23
466
原创 13. 文本框和单选题
下面是单选框标签,即type=“radio”,标签中必须有value值,不然会造成有选项按钮但没有选项值的现象,name在里面充当分组的作用,当两个或多个单选框标签中的name值相同时,这些标签则为同一组,同一组的标签在网页中选择时只能选一项,如果没有name分组的话,不同组的选项是可以同时勾选的,这也导致信息错误。最后呈现的效果就是,账号输入窗口点开就会显示小黄好帅,窗口内能输入的最大字数为8,窗口的显示长度为30,如下图。下面是我的微信公众号,与csdn同步更新,有需要的朋友可以关注一波~
2024-08-01 15:15:24
284
原创 12.初识表单post和get提交
这时重复刚刚的登陆操作,输入登陆的账号信息,点击提交,之后下面的截面就会捕捉到刚刚登陆的信息,我们点击第一条很多字符的名称,然后在右边选择负载,就能看到我们的账号和密码了,效果如下图。如果发送方式是post,那么跳转网页后就不会显示登陆提交的信息,但我们也可以通过浏览器的审查元素来找到该信息。其中如果发送方式是get,那么跳转的网页地址后面就会看到我们登陆提交的账号密码。get提交方式:我们可以在发送的url中看到我们提交的信息,特点:不安全、效率高。
2024-08-01 11:08:34
339
原创 11.iframe内联框架
最后我们讲iframe标签里的name参数怎么用了,name里面我们可以写任何东西,相当于给这个框架命名,这里我们要用a标签让我们写的第一个网页在这个内联框架打开,这时src就不用写东西,相当于一个空着待使用的框架。我们除了可以通过分享的方式也可以自己编写iframe标签,比如我们想要展示B站主页,以及设置内联框架的大小,效果如下,打开网页的元素审查,可以看到我们写的代码以及我们设置的内敛框架的大小。我们在B站随便打开一个视频,点击分享,可以看到B站提供了很多分享方式,我们选择嵌入代码。
2024-07-31 16:06:31
432
原创 10页面结构分析
我们打开一个网页,都会有一个清晰的结构和布局上图中的标签就是用来划分各个部分区域用的。其中比较常用重要的是header、footer和nav,需要重点掌握。下面是部分代码及效果演示。
2024-05-07 17:04:18
288
原创 9.媒体元素
然后我们的相对路径就可以写…/resource/video/xxx.mp4,如果只是写基本的代码结构是不够的,在网页端显示的就只有视频的第一帧图片,而且无法点击播放。结构与上面视频标签一样,只需要把video换成audio就行,同样需要加上controls,这样才会在网页显示音频的播放键等操作按键。我们平时打开一些网页视频就会自动播放,这个是因为加了autoplay自动播放这个代码,我们也可以在代码中加入这一句,这里就不演示了。下面是我的微信公众号,与csdn同步更新,有需要的朋友可以关注一波~
2024-05-06 20:27:10
319
原创 8.表格标签
首先,我们做一个最基本的3x4表格,只用到了上述1.2.3三个标签,其中table标签里面的border是表格的边框线,代码和效果如下图。分析:这是一个5x3的表格,第一行跨了三行,二三行和三四行第一列垮了两列。最后代码和效果如下图。学会下面5个表格最基本的标签元素后,我们可以找个简单的表格来联系一下,比如下图。然后是加上跨行和跨列之后,代码和效果如下。
2024-05-06 11:28:05
255
原创 7.列表标签
列表就是信息资源的一种展现形式。它可以是信息结构化和条理化,并以列表的央视显示出来,一遍浏览者能更快捷地获得相应的信息。列表标签显示的元素是一种块元素。
2024-05-03 22:15:47
27
原创 5.超链接标签及应用
链接标签又叫a标签,点击后可以跳转到任意网页的对应的位置,其中href是a标签要跳转的位置,也就是链接路径,而target则表示的是我点击后跳转的新位置是在当前网页窗口打开还是新的网页窗口打开。然后再另一个网页写上跳转链接,只需要把跳转的网页位置写上,因为这两个网页在同一个文件夹,所以只有一个文件夹名字,然后再位置后面加上#和标记名字。锚链接是一个能够让a标签跳转到网页任意标记的位置的链接,它需要一个锚标记,然后再通过a标签跳转到标记。代码和效果如下,我们先在网页再最上面的位置打上标记。
2024-05-02 23:53:35
477
原创 4.图像标签
我们首先在代码文件夹的上一级文件夹新建一个文件夹resource,用来存放图片等资源文件,这是行业的规范,我们从学习阶段就要养成这一好习惯。上面的代码串就是图像标签,它可以用来在网页显示图片。
2024-04-30 15:55:35
574
1
原创 网页基本标签
换行标签是一个单标签,我们前面讲的都是双标签,单标签与双标签最大的不同就是双标签有两个标签(开始标签和结束标签)而单标签只有一个(结束标签)。双标签用于有内容的元素,单标签用于没有内容的标签。换行标签与标题标签的显示效果差不多,在换行标签后的内容会在前面的内容之后重新换一行显示,与段落标签的区别在于:段落标签的换行是作为一个段落的换行,换行位置的行间距要比换行标签的行间距要大的多。字体样式标签是一种双标签,标签里的内容会根据标签的作用显示出对应的效果。注释和特殊符号都是单标签,因为都是用于没有内容的元素。
2024-04-30 12:33:24
222
1
原创 网页基本信息
小tips:打开我们上次新建好的HTML基本结构,在英文模式下输入,这是html程序里的注释,它里面的内容不会影响程序的运行且能用于标记代码的作用等。这个注释如果每次都手动输入还是比较麻烦的,这时可以用快捷键’Ctrl + /'即可直接生成注释。
2024-04-28 16:39:27
393
原创 什么是HTML?
Hyper Text Markup Language(超文本标记语言)它是一种用于创建网页的标记语言,用于描述网页的结构和内容。HTML 使用标签来定义文档的各个部分,比如标题、段落、链接等等。浏览器可以解析 HTML 并将其呈现为人们可以阅读和交互的网页。HTML 通常与 CSS(层叠样式表)和 JavaScript 一起使用,以实现更丰富、交互性更强的网页体验。
2024-04-27 20:20:04
248
原创 面向对象编程(一)
面向对象编程(一)1.初识面向对象面向过程&面向对象什么是面向对象2.方法回顾和加深3.对象的创建分析类与对象的关系创建与初始化对象1.初识面向对象(属性+方法=类)面向过程&面向对象面向过程思想步骤清晰简单,第一步做什么,第二步做什么面对过程适合处理一些较为简单的问题面向对象思想物以类聚,分类的思维模式,思考问题首先会解决问题需要哪些分类,然后对这些分类进行单独思考。最后,才对某个分类下的细节进行面向过程的思索。面向对象适合处理复杂的问题,适合处理需要多人协
2021-04-27 20:53:57
166
2
原创 Java数组(二)
Java数组(二)4.多维数组5.Arrays类6.冒泡排序7.稀疏数组4.多维数组多维数组可以看成是数组的数组,比如二维数组就是一个特殊的一维数组,其每个元素都是一个一维数组。二维数组int a[][] = new int[2][5];解析:以上二维数组a可以看成一个两行五列的数组。思考:多维数组的使用?num[1][0];理解了二维数组的使用,三维四维就可以用同样的方法类比过去。大部分时候,二维数组就已经够用了。5.Arrays类数组的工具类java.util.Ar
2021-04-19 23:32:48
222
1
原创 Java数组(一)
Java数组(一)1.数组概述2.数组声明创建内存分析三种初始化数组的四个基本特点数组边界3.数组使用1.数组概述数组是相同类型数据的有序集合数组描述的是相同类型的若干个数据,安好一定的先后次序排列组合而成。其中,每一个数据称做一个数组元素,每个数组元素可以通过一个下标来访问它们。2.数组声明创建首先必须声明数组变量,才能在程序中使用数组。下面是声明数组变量的语法:dataType[] arrayRefVar; //首选的方法或dataType arrayRefVar[];
2021-02-10 16:21:56
164
1
原创 Java方法(二)
Java方法(二)3.方法重载4.命令行传参5.可变参数(不定项参数)6.递归*3.方法重载重载就是在一个类中,有相同的函数名称,但形式参数不同的函数。方法的重载规则:方法名称必须相同。参数列表必须不同(个数不同、或类型不同、参数排列顺序不同等)方法的返回类型可以相同也可以不相同。静静返回类型不同不足以成为方法的重载实现理论:方法名称相同时,编译器会根据调用方法的参数个数、参数类型等去诸葛匹配,已选择对应方法,如果匹配失败,则编译器报错。4.命令行传参有时候你希望运行一个程
2021-02-09 17:14:32
257
2
原创 Java方法(一)
Java方法(一)1.何谓方法2.方法的定义及条用方法的定义方法调用(其他语言里面叫函数,Java里面叫方法)1.何谓方法System.out.println(),调用我们系统类里的标准对象out中的println( )方法。Java方法是语句的集合,它们在一起执行一个功能。方法是解决一类问题的步骤的有序组合方法包含于类或对象中方法在程序中被创建,在其他地方被引用设计方法的原则:方法的本意是功能块,就是实现某个功能的语句块的集合,我们设计方法的时候,最好保持方法的原子性,
2021-02-08 23:50:12
156
1
原创 Java流程控制(二)
Java流程控制(二)4.循环结构while循环do...while循环for循环增强for循环5.break & continue6.练习打印三角形4.循环结构while循环while是最基本的循环,它的结构为:shile( 布尔表达式 ){ //循环内容}只要布尔表达式为true,循环就会一知执行下去我们大多数情况实是会让循环停止下来的,我们需要一个让表达式失效的方式来结束循环。少部分情况需要玄幻一直执行,比如服务器的请求响应监听等循环条件一直为true就会
2021-02-07 17:37:45
175
原创 Java流程控制(一)
Java流程控制(一)1.用户交互Scanner2.顺序结构3.选择结构if单选结构if双选择结构if多选择结构嵌套的if结构switch多选择结构1.用户交互Scanner之前我们学的基本语法中我们并没有实现程序和人的交互,但是Java给我们提供了这样一个工具类,我们可以获取用户的输入。java.util.Scanner是Java5的新特性,我们可以通过Scanner类来获取用户的输入基本语法Scanner s = new Scanner(System.in);通过Scanner类的ne
2021-02-06 22:27:17
1913
8
原创 Java基础语法(三)
Java基础语法(三)5.运算符6.包机制7.JavaDoc5.运算符Java语言支持如下运算符:优先级()算术运算符:+ , - , * , / , % , ++ , –赋值运算符:=关系运算符:> , < , >= , <= , == , !=instanceof逻辑运算符:&& , || , !位运算符:& , | , ^ , ~ , >> , << , >>>(了解)条件运算符:?:扩展赋值
2021-02-05 12:55:19
129
原创 Java基础语法(二)
Java基础语法(二)3.类型转换4.变量、常量变量变量作用域常量变量的命名规范3.类型转换由于Java是强类型语言,所以要进行一些运算的时候,需要用到类型转换。低 ------------------------------------> 高byte,short,char-> int-> long-> float-> double//等级由低到高排列运算中,不同类型的数据先转化为同一类型,然后进行运算。强制类型转换——数据类型由高等级转换成低等级因为高
2021-02-04 22:48:18
306
7
原创 Java数据类型扩展及面试题讲解
数据类型扩展及面试题讲解整数扩展浮点数拓展银行业务怎么表示?(钱)字符拓展`所有字符本质还是数字`转义字符整数扩展二进制数前面加0b八进制数前面加0十六进制数前面加0x浮点数拓展银行业务怎么表示?(钱)我们来看下图,如果用浮点数来表示会出现什么问题可以看出用浮点数来表示是有一定误差的,所以最好完全避免使用浮点数!最好完全避免使用浮点数!最好完全避免使用浮点数!银行业务我们会用BigDecimal数学工具类来表示字符拓展所有字符本质还是数字转义字符
2021-02-03 12:44:20
166
原创 Java基础语法(一)
Java基础语法(一)1.注释、标识符、关键字注释标识符标识符注意点:2.数据类型Java的数据类型分为两大类什么是字节1.注释、标识符、关键字注释项目结构复杂起来时,用注释可以方便以后观看时的理解注释并不会被执行,是给我们写代码的人看的书写注释是一个好习惯Java中的注释有三种:单行注释 //单行注释:只能注释一行内容多行注释/* */多行注释:可以注释多行内容//JavaDoc文档注释/** */(不常用)/** *@Description HelloWorl
2021-02-02 23:27:29
535
6
原创 JAVA hello world!
JAVA hello world!文件+代码编译运行可能出现的问题注:安装好java的运行环境和Notepad(用Notepad写代码比记事本好用很多)文件+代码1.新建一个code文件夹,用来存放代码2.打开code文件,新建一个Java文件随便新建一个文件,文件名为hello,将后缀改为.java注意:如果看不见后缀名的话,点击上方的查看,把文件扩展名勾选上3.打开java文件输入以下代码public class hello{ public static void main(
2021-02-01 20:05:41
387
3
原创 最方便的投屏方式-scrcpy
只需要输入scrcpy就可以实现投屏?什么是scrcpy配置adb和scrcpy的环境变量什么是scrcpyscrcpy 是一个免费开源的投屏软件,通过adb调试将手机屏幕投放到电脑上,并可以通过电脑控制Android设备。它可以通过USB连接,也可以实现无线投屏(wifi)。还有一点很好的是,它不用在手机上下载任何app本次演示我使用的是win10系统adb和scrcpy下载链接:https://pan.baidu.com/s/156lA58cBZrXUePfNAZafSA提取码:ynh0
2021-01-22 22:35:31
1255
原创 52单片机IO口输出-蜂鸣器(硬核)
52单片机IO口输出-蜂鸣器什么是蜂鸣器三极管的工作原理蜂鸣器驱动电路分析函数for循环语句课后作业什么是蜂鸣器蜂鸣器是一种一体化结构的电子讯响器,广泛应用于电子产品中作发声器件,七道警报提醒的作用。有源蜂鸣器与无源蜂鸣器这里的“源”不是指电源,而是指震荡源。有缘愤怒共鸣器内部带震荡源,所以只要异同点就会叫。而无源内部不带震荡源,所以如果用直流信号无法令其名叫。需要用2K~5K的方波去驱动它,有源蜂鸣器往往比无源的贵,就是因为里面多个振荡电路。无源蜂鸣器的优点是:1.便宜2.声音频率可
2021-01-20 22:53:26
6634
6
原创 52单片机四种方法实现流水灯
52单片机IO口输出-流水灯流水灯电路分析流水灯电路图74HC573芯片图电极特性二进制十进制和十六进制转换IO口的总线程控制方式C语言变量类型及范围C语言运算符C语言知识学习扩展流水灯电路分析STC89C52芯片的P0组IO口没有上拉电阻,无法输出高电平,所以要给P0组IO口接上拉排阻。流水灯电路图电源→限流电阻→发光二极管→74HC573输出端→单片机P1组IO口因为单片机的IO口输出电流非常小,无法直接用IO口驱动发光二极管,所以我们需要用到74HC573这个芯片(可以理解为电流放大的芯片)
2021-01-19 20:55:48
10758
1
原创 52单片机IO口输出点亮你的LED
52单片机IO口输出点亮你的LED[入门\详解]特殊功能寄存器SFR声明头文件代码参考欢迎你的到来!这里是我的单片机学习笔记,希望我的笔记可以在你学习的道路上对你有所帮助!特殊功能寄存器SFR声明我们想要使用单片机的IO口就要先定义它的地址,我们可以从芯片资料上找到IO口对应的地址(也可以直接网上搜)单片机C语言SFR声明:sfr P0 = 0x80;sfr P1 = 0x90;sfr P2 = 0xA0;sfr P3 = 0xB0;//定义P0~P3定义好以后,通过控制P0~P1,我
2021-01-18 21:26:31
5206
8
空空如也
CentOS7 32位如何安装宝塔面板?
2021-01-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人