![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html
sunsineq
这个作者很懒,什么都没留下…
展开
-
form表单input使用disabled后提交不能获取表单值的解决方法
form表单输入框input设置disable属性提交后,得不到该输入框的值,解决该类问题可以参考下面两个方法:方法一:使用readonly带替代disabled,即把修改为二者区别:disabled不能接收焦点,使用tab键时将被跳过,可能不是successful的;readonly可以接收焦点但不能被修改,可以使用tab键进行导航,可能是successful的。注:只有successful的表单元素才是有效数据,即是进行提交后可以获取值。disabled和readonly的文本输入框只能通过脚本进行转载 2022-06-14 09:19:38 · 2491 阅读 · 0 评论 -
Swiper 根据宽度响应式的显示不同的个数
Swiper 根据宽度响应式的显示不同的个数var swiper = new Swiper('.swiper-container', { slidesPerView: 1, spaceBetween: 40, breakpointsInverse: true, breakpoints: { //当宽度大于等于320 320: { slidesPerView: 2, spaceBetween: 10 }, //当宽度大于等于480转载 2022-03-14 12:52:43 · 2039 阅读 · 0 评论 -
link rel=”canonical”标签的用法
关于rel=”canonical”这个标签,早在2009年2月,谷歌、雅虎和live search 三家搜索引擎宣布支持Link的一个新属性Canonical.主要是帮助搜索引擎解决网站内容存在多个版本,来制定规范的链接。解决内容重复的收录。现在百度也支持这个标签了,如果不采用rel=”canonical”标签,后果将导致百度对两个相同的网页收录和排名的问题上不知情,久而久之,当网站存在大量这样的网页的时候,可能导致网站大量重复内容而被降权、不收录甚至被K。什么情况下需要rel=”canonical转载 2021-05-18 09:31:19 · 3938 阅读 · 0 评论 -
js跨域获取节点,利用iframe获得
页面域关系:主页面a.html所属域A:www.taobao.com被iframe的页面b.html所属域B:www.alimama.com,假设地址:http://www.alimama.com/b.html实现效果:A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b.html的宽度和高度是不可预知而且会变化的,所以需要a.html中的iframe自适应大小.问题本质:js对跨域iframe访问问题,因为要控制a.html中ifra...原创 2021-04-13 09:24:56 · 1667 阅读 · 0 评论 -
video 属性和事件用法大全
(1) video属性<!-- video 不支持 IE8及以下版本浏览器,支持三种视频格式:MP4,WebM 和 Ogg --> <video src="test.mp4" controls width="400" height="300"></video> <!-- 禁止下载 --> <video src="test.mp4" controls controlslist="nodownload" width="400" he...原创 2021-04-12 13:20:14 · 1731 阅读 · 0 评论 -
HTML disabled属性的启用和禁止
HTML中的input元素、button元素、option元素等都具有一个disabled属性。当赋予该属性时该元素将变得不可交互,如下代码所示:Html代码<inputtype="button"disabled="disabled"value="测试按钮">其中属性值“disabled”可以替换成任何的其它单词甚至是“enabled”(不过“false”除外),因为属性值为“false”时表示属性不启用,属性值“true”表示启用属性。如下代码的butt...转载 2021-03-23 13:12:26 · 866 阅读 · 0 评论 -
添加WhatsApp链接教程
添加WhatsApp链接教程对于外贸建站来说,国外流行的社交聊天工具或APP的使用是必不可少的,WhatsApp就是其中之一,WhatsApp是与国外客户取得联系的绝佳方式,本文WPPOP详细介绍如何在自己的网站中加入WhatsApp社交聊天工具,实现这个功能,我们需要准备:一个漂亮的WhatsApp图标和 一个WhatApp 链接。添加WhatsApp图标获取WhatsApp图标的方法很多,百度或Google搜索,挑选一个自己满意的图标上传到自己网站即可使用,如下图所示一个简洁风格的What.原创 2021-03-18 15:22:28 · 11813 阅读 · 2 评论 -
完美实现跨域Iframe高度自适应
<html><head><style>body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;overflow: hidden;}</style></head><body><iframe src='http://hi.baidu.com/' width='100%' height='100%' frameborder=.转载 2020-11-28 15:13:05 · 568 阅读 · 0 评论 -
微信中的video属性设置
<video id="videoID" src="video.mp4" poster="loadbg.jpg" preload="auto" x-webkit-airplay="true" x5-video-player-type="h5" x5-video-player-fullscreen="true" webkit-playsinline="true" playsinline="true"></video><videoid="videoID"src="vid...转载 2020-11-25 10:02:03 · 1204 阅读 · 0 评论 -
html中显示特殊符号(附带特殊字符对应表)
问题重现在使用html进行编辑的时候,特殊符号往往会显示错误,极端情况下更可能导致网页崩溃。如下面这段代码:<table><tr><td>中_国_人</td></tr></table>1 2 3 4 5 6 7在网页中则显示为:这里将两个下划线自动转化为斜体标识符,导致输出结果有误。解决方法这里建议使用字符编码来替换掉原特殊字符,如将上述代码改为:<table>原创 2020-08-18 10:02:12 · 4049 阅读 · 2 评论 -
html meta标签重定向(倒计时跳转)
使用 <meta> 元素来重定向跳转:<meta http-equiv="Refresh" content="5;url=http://blog.csdn.net/kill_bugs" />添加以上一句话就可以倒计时5s后跳转了!界面添加倒计时效果:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-转载 2020-07-06 22:04:11 · 346 阅读 · 0 评论 -
html中的锚点的几种设置方法
一、页面内跳转的锚点设置页面内的跳转需要两步:方法一:①:设置一个锚点链接<a href="#miao">去找喵星人</a>;(注意:href属性的属性值最前面要加#)②:在页面中需要的位置设置锚点<a name="miao"></a>;(注意:a标签中要写一个name属性,属性值要与①中的href的属性值一样,不加#)标签中按需填写必要的文字,一般不写内容方法二:①:同方法一的①②:设置锚点的位置 <h3 id="miao"原创 2020-07-02 10:13:49 · 895 阅读 · 0 评论