![](https://img-blog.csdnimg.cn/95a421c2e4ec4b5aaed61abb32eb2292.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端技术
主要记录前端相关技术点
程序yang
如果您点了进来,那么请您一定要花几分钟看看置顶的几篇博文,相信我,你会有收获滴!
展开
-
将字符串转小写,有下划线的去除下划线,并将下划线后的首字母转大写(驼峰)
主要使用toUpperCase()、toLowerCase()和replace()函数即可解决!原创 2021-05-10 17:53:32 · 2438 阅读 · 0 评论 -
layui的复选框怎么设置只能单选?
做项目的时候,有时候根据开发需求需要,checkbox只能设置单选,不能同时选中多个,那么怎么解决呢?不多说,直接看代码。原创 2020-07-26 21:25:21 · 2450 阅读 · 2 评论 -
了解form表单提交前验证,看这就够了
可以使用form表单的onsubmit方法,在提交表单之前,对表单或者网页中的数据进行检验。onsubmit指定的方法返回true,则提交数据;返回false不提交数据。第一种写法:<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="te...原创 2019-11-22 10:29:01 · 1170 阅读 · 2 评论 -
前端程序员必备系列——JavaScript的简单入门
JavaScript 的正式名称是 “ECMAScript”;这个标准由 ECMA 组织发展和维护。1、什么是JavaScript? JavaScript 被设计用来向 HTML 页面添加交互行为。 JavaScript 是一种脚本语言(脚本语言是一种轻量级的编程语言)。 JavaScript 通常被直接嵌入 HTML 页面。 JavaScript 是一种解释性语言(就是说,...原创 2019-11-18 14:32:22 · 324 阅读 · 0 评论 -
前端程序员必备系列——CSS的简单入门
CSS是层叠样式表(Cascading Style Sheets):用来定义网页的显示效果。 html代码展示数据,css如何展示,以什么形式展示。HTML与CSS结合 1、内联:每一个标签提供style属性,进行样式的设置。 例如:<body style="..."> 优缺点:该方式比较灵活,但是对于多个相同标签的同一样式定义比较麻烦,适合局部修改。 ...原创 2019-11-18 11:43:43 · 323 阅读 · 0 评论 -
前端程序员必备系列——HTML的简单入门
1、HTML入门HTML 指的是超文本标记语言 (Hyper Text Markup Language) 扩展名: .html 或 .htm 需要使用浏览器进行解析(查看);HTML源文件通过浏览器进行解析,不需要编译 规范:w3c2、标签必须使用<标签名>扩住 开始标签:<标签名称> 结束标签:</标签名称> 标签体:...原创 2019-11-18 10:22:55 · 536 阅读 · 0 评论 -
快速入门html、css和javascript
基本标签(a、p、img、li、table、div、span)、表单标签、iframe、frameset、样式1:Html (Hypertext Markup Language) 超文本标记语言2:CSS (Cascading Style Sheet)层叠样式表3:JavaScript 直译式脚本语言4:DOM (document object model)文档对象模型一:Htm...原创 2019-11-18 09:23:58 · 707 阅读 · 0 评论 -
html之textarea标签的小用法(滚动条的位置决定数据结果的显示)
先来看第一种,示例代码如下:<html><body> <textarea rows="10" cols="20" id="my"></textarea> <button onClick="test()">test</button> <script> var i = 1; function te...原创 2019-10-18 09:44:49 · 820 阅读 · 0 评论 -
html之textarea标签的innerHTML属性和value属性获取值的区别
注意: html中textarea标签的innerHTML属性和value属性获取值是不一致的!示例代码如下:<html><body> <textarea rows="10" cols="20" id="my">AAA</textarea> <button onClick="test()">test</button...原创 2019-10-18 09:15:32 · 867 阅读 · 0 评论 -
html之div中id和class的区别
1、id和class使用上的区别id是设置标签的标识。id属性用于定义一个元素的独特的样式。如样式表可以加入#content2 { font-size: larger }使用方法为:id="content2"class是设置标签的类, class属性用于指定元素属于何种样式的类。如样式表可以加入.content1 { color: red; background: #ff80c0 }使...原创 2019-10-18 08:39:19 · 7279 阅读 · 3 评论 -
html之div标签与span标签的区别
经常涉及前端编码的程序员,肯定对html中的div标签与span标签不陌生,两者经常会用到,尤其是前者。那么它们有什么重大区别呢?1、div是块级元素, 实际上就是一个区域, 主要用于容纳其他标签。 默认的display属性是block2、span是行内元素, 主要用于容纳文字。 默认的display属性是inline示例代码:<html><body> tes...原创 2019-10-17 17:13:58 · 2474 阅读 · 0 评论 -
html之如何让button按钮居中
解决措施:使用center或者div的align属性示例代码:<html><body> <center><button onClick="clickme()">hit me</button></center> <script> function clickme(){ alert("123");...原创 2019-10-17 17:03:53 · 54177 阅读 · 3 评论 -
html之判断radio单选框是否被选中
效果图:(选中第1个后点击“test”按钮,弹出提示框)实现代码:<html> <body> 男性:<input type="radio" id="man" name="xxx"/><br />女性:<input type="radio" id="woman" name="xxx"/><br /> &l...原创 2019-10-17 16:45:14 · 8948 阅读 · 0 评论 -
html的radio单选框如何实现互斥
效果图:(互斥前)两个都可以同时选中效果图:(互斥后)两个不可以同时选中,只能选择任意一个实现代码:<html><body> 男性:<input type="radio" id="man" /><br />女性:<input type="radio" id="woman" /><br /> <...原创 2019-10-17 16:38:20 · 4902 阅读 · 0 评论 -
设置文本过长时显示省略号
我们在web页面开发的过程中,可能会遇到一个区域设定了固定的宽度,这时候文字可能会过长,如果换行显示太难看,增加区域宽度,又违背了设计的初衷。这时候可以考虑将过长的文字设置显示为省略号(···)。通过css属性text-overflow:ellipsis就可以实现这个效果。但是如果要达到显示的效果,还得配合几个属性进行设置:width:设置了固定宽度的元素。white-space:nowra...原创 2019-10-09 15:45:47 · 2352 阅读 · 0 评论 -
Html中input标签的详解
今天来讲解一下input标签的内部结构:直接开门见山,首先我们先看input标签的第一个属性type:1、type当type设置为text时,text属性表示一个纯文本,可以向其中输入任何类型的文本、数字或字母等。示例代码:<input type="text" name="控件的名称" size="控件的长度" maxlength="最长的字符数" value="文字域的默认取值"...原创 2019-09-28 11:48:34 · 19897 阅读 · 2 评论 -
autocomplete="off"属性——解决input标签(文本框)出现缓存值的问题
刚入学的程序员在编码的时候,应该都有试过单击input标签(文本框)出现缓存值的问题,针对这问题的解释是;多数浏览器默认都会缓存input标签的值,这对部分用户来说带来了不好的体验,所以,如果不想让浏览器缓存input标签的值,有2种解决方法:方法一(推荐):在不想使用缓存的input标签中添加 autocomplete="off"属性;eg: <input type="text" n...原创 2019-09-26 15:06:44 · 5245 阅读 · 0 评论