HTML5
Ryan_鲸落
记录工作中技术问题及解决方案,分享web前端开发知识笔记干货!如需查看更多,请关注我的公众号:前端Ryan
展开
-
HTML的input属性
HTML的input属性之前我收集发表了表单元素和元素input的type值;这里主要讲解一下input的属性value值有哪些;其实也是超多。其书写格式为:value=“值” 哈哈,一起来看看吧readonly 属性规定输入字段为只读(不能修改):<form action=""> First name:<br><input type="text" name="firstname" value="John" readonly><br>原创 2020-11-12 15:20:59 · 8313 阅读 · 0 评论 -
HTML表单元素--input输入类型(2)
HTML表单元素–input输入类型(2)在HTML中,表单元素中的input元素是占很重要的地位的,第一原因是常用,第二是input元素有太多的type值。老的在之前的文章:input输入类型(1)中有讲解;这里主压迫详细介绍HTML5中新增的HTML5 增加了多个新的type:color 用于应该包含颜色的输入字段。<form> Birthday: <input type="date" name="bday"></form>date原创 2020-11-11 20:30:51 · 436 阅读 · 0 评论 -
HTML表单元素
HTML表单元素HTML中的表单元素,可以说是整个HTML中最常用也是最重要的部分,里面包含的太多的元素,尔每一个元素中的type类型又有很多种。所以需要大家理清楚区分开来。第一个当然是我们最常见的 input;其type值超多:<input type="text"> 定义供文本输入的单行输入字段<input type="password"> 定义密码字段<input type="submit"> 定义提交表单数据至表单处理程序的按钮。<input ty原创 2020-11-11 20:17:46 · 607 阅读 · 0 评论 -
HTML提交方式:Post 和 Get
HTML提交方式:Post 和 Get我们都知道,HTML表单的Method 属性提交方式有两种:post and get;但是,这两种提交的方式究竟有什么不一样呢?为什么要区分开来呢?带着这种疑问,我们继续探索!首先,我们要知道什么是post提交和get提交post:<form action="action_page.php" method="POST">如果表单正在更新数据,或者包含敏感信息(例如密码)。post 的安全性更加,因为在页面地址栏中被提交的数据是不可见的。get原创 2020-11-11 18:56:15 · 2051 阅读 · 0 评论 -
HTML中如何键入空格?
HTML中如何键入空格当我们要在HTML中键入空格的话,直接按空格键是错误的书写行为,因为直接按空格键对于后期不太好,在HTML中写空格是用 这个字符来写的,我们称 是空格占位符– ,如果直接在HTML中连续键入多个空格,可能会被认为只有一个,但是当你连续键入 这个字符就可以连续占用空格位了。<!DOCTYPE html><html><body...原创 2019-06-12 09:41:44 · 2824 阅读 · 0 评论 -
HTML5中获取类样式的方法
HTML5中获取类样式的方法1.注意:classList :当前元素的所有样式列表—数组1:添加样式:classList.add() ; add 为元素添加指定名称元素的样式–一次只能添加一个样式2:移除样式:remove: 为元素移除指定名称的样式(属性还在,样式移除)–一次只能移除一个3:替换样式:toggle:切换元素样式:如果元素之前没有指定名称的样式;就添加一个。如果元素之前有...原创 2019-05-27 14:48:49 · 2089 阅读 · 0 评论 -
HTML中获取Dom元素的方法
HTML中获取Dom元素的方法1.getElementsByTagName()方法:获取标签,获取的值是一个数组形式;然后再通过数组下标来准确得到自己想要的值//getElementsByTagName 获取标签方法 获取的值是一个数组形式 //通过索引下标获取第一个li 定义变量接收 const xx = document.getElementsByTag...原创 2019-05-24 18:50:03 · 4455 阅读 · 3 评论 -
HTML5中video元素
HTML中video元素video元素:也是我们做网页经常用到的元素,它可以在页面中播放视频1.属性:src:视频的地址Height:视频页面的高度Width:视频页面的宽度Autoplay:网页加载完成后自动播放视频 有三个属性值:None–不会载入Metadata–只载入第一帧 Auto–请求下载整个视频(默认)Preload:预先载入视频Controls:播放按钮,进度...原创 2019-04-25 17:52:54 · 1961 阅读 · 0 评论 -
html文本框常见操作技巧
html文本框常见操作技巧1、html文本框怎么用css变圆角border-radius属性可以实现元素的圆角。如下css可以实现文本框(单行、多行)的圆角:input[type=text],textarea{border-radius:3px;border:1px solid #000;}border-radius用法如下:border-radius 属性是一个简写属性,用于设置四个 ...原创 2019-06-12 09:51:03 · 5362 阅读 · 0 评论 -
HTML5新增的表单事件:oninput、onkeyup、oninvalid
HTML5新增的表单事件:oninput、onkeyup、oninvali1:oninput 监听当前指定元素内容的改变;只要内容改变(添加元素,删除元素),就会触发这个事件2:onkeyup 键盘弹起时触发,每一个键弹起时都会触发3:oninvalid:当验证不通过时触发为了方便大家理解运用,我做了一个简单的案例,供大家参考<!DOCTYPE html><h...原创 2019-05-24 13:53:54 · 3168 阅读 · 0 评论 -
什么是HTML5?HTML5的新特性!
什么是HTML5?HTML5的新特性!1.HTML是一种超文本标记语言,就是指页面也可以包含图片,链接,音乐甚至程序等一些非文字元素****2.HTML不是编程语言,这一点各位小伙伴一定要分清楚哦。3.HTML5是HTML的最新版本,很多小伙伴认为HTML就是HTML5HTML5的新特性:1.用于绘画的canvas元素。2. 用于媒介回放的video元素和audio元素.3. 对本地...原创 2019-04-23 22:46:30 · 905 阅读 · 0 评论 -
HTML三种引入样式的方式
HTML三种引入样式的方式1.外部样式:是通过link元素引入 <link rel="stylesheet" type="text/css" href="样式写入地址">2.内部样式:又称内部样式表,必须写在head标签中,用style标签申明 <style type="text/css" >h3{color:red; } dd{font-size: sma...原创 2019-04-24 10:06:55 · 4653 阅读 · 0 评论 -
什么是HTML超链接?锚链接?
什么是HTML超链接?锚链接?HTML超链接1.超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。当把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。我们通过使用 <a 标签在 HTML 中创建链接。有两种使用 <a 标签的方式:通过使用 href 属性 - 创建指向另一个文档的链接通过使用 na...原创 2019-04-24 19:51:47 · 1878 阅读 · 0 评论 -
HTML的无序列表、有序列表、自定义列表
HTML的无序列表:1.无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表始于 <ul 标签。每个列表项始于 <li。2.无序列表的type属性有三个值 disc:表示实心小圆点 circle:表示空心小圆点 square:表示实心小方块 <title>无序列表</title> <!--无序列表的t...原创 2019-04-24 20:05:03 · 16665 阅读 · 0 评论 -
HTML基本常用的标签
HTML基本常用的标签:1.标题标签:H1–H6< h1> 定义最大的标题。< h6 >定义最小的标题。建议:除了写标题意外,建议少用,我们可以用css样式来改变字体大小,美观<h1>这是标题 1</h1><h2>这是标题 2</h2><h3>这是标题 3</h3><h4>这...原创 2019-04-24 20:25:47 · 2244 阅读 · 0 评论 -
HTML表单元素--input输入类型(1)
HTML表单元素HTML表单用于搜集不同类型的用户输入。1.< form >元素:素定义 HTML 表单。其属性有action=“要提交的地址” method=" 提交的方式" 属性值有:get 和 post<form action="" method="post"> </form>2.< input >元素:最重要的表单元素,有很多t...原创 2019-04-25 17:29:58 · 2205 阅读 · 0 评论 -
HTML5新增的几个布局结构元素
HTML5新增的几个布局结构元素1.header元素:一般用于网页的头部,定义头部的区域块,也可以定义一块内容,所定义的内容是一块独立的。<header> <h1>中国最大的搜索引擎</h1> <a href="http://www.baidu.com">百度</a> <nav> &...原创 2019-04-29 14:33:38 · 3900 阅读 · 1 评论 -
如何让IE8及以下版本浏览器支持HTML5新的定义元素?
如何让IE8及以下版本浏览器支持HTML5新的定义元素?1:我们都知道HTML5在HTML4的基础上,增加了很多新的特性和元素,其中也包括定义元素;比如:header, section, footer, aside, nav…但是这些元素在低版本的IE浏览器中是不支持的。所以针对此问题,我学习了两种方法解决。希望对大家也有所帮助1.方法:我们都知道,这些新定义的元素都是用来页面布局的,都是...原创 2019-05-20 22:15:39 · 1632 阅读 · 1 评论 -
HTML滚动条样式代码及使用技巧
HTML滚动条样式代码及使用技巧在html网页中,我们都知道大篇幅的长文章会占据网页的大部分空间,影响了整体网站页面的美观性和阅读体验,因此,在html网页中添加一个带有滚动条的文本框,就可以很好地解决上述问题。网页滚动条本身就是浏览器的一部分,使用它可以方便浏览较大的网页html中滚动条属性设置scrollbar属性、样式详解1、overflow内容溢出时的设置(设定被设定对象是否显示滚...原创 2019-06-12 10:02:43 · 15409 阅读 · 2 评论