HTML
idomyway
这个作者很懒,什么都没留下…
展开
-
HTML - 在360浏览器等默认以兼容模式打开浏览器
前言 360浏览器等默认以兼容模式打开网页解决方法 在标题头添加<meta http-equiv="X-UA-Compatible" content="IE=edge" />原创 2021-04-19 22:45:11 · 456 阅读 · 0 评论 -
HTML5 - 限制input file 可选择的文件类型
前言 实现选择文件并上传的功能时,都会用到 input file 控件。 <input id="inputFile" type="file" /> input[file]标签的accept属性可用于指定上传文件的 MIME类型 。 ...原创 2019-03-21 22:42:04 · 22928 阅读 · 0 评论 -
HTML实现可编辑下拉框
前言在HTML中下拉框是不能进行编辑的,我们可通过Select下拉框和input实现commbox功能 思想:通过绝对定位实现input覆盖Select通过change事件实现数据的单向绑定效果图代码<html> <head> <title>可编辑下拉框</title> <meta charset="UTF-8" />原创 2018-01-16 19:59:01 · 21233 阅读 · 1 评论 -
HTML---a标签详解
前言<a>标签定义超链接,用于从一张页面链接到另一张页面。 <a>元素最重要的属性是 href 属性,它指示链接的目标。指向 w3school 的超链接:<a href="http://www.w3school.com.cn">W3School</a><a>标签的伪类样式一组专门的预定义的类称为伪类,主要用来处理超链接的状态。超链接文字的状态可以通过伪类选择符+样式规则来控制。伪类选择符包括:原创 2017-12-26 15:39:43 · 3738 阅读 · 0 评论 -
实现checkBox readonly功能的两种方式
需求有一个checkBox选项是不能被改变的。但是checkBox又是没有readonly属性的,这个时候我就想到了另外一个属性disabled,但是disabled的对象是不能提交到后台的,所以这个又被排除掉了。想了想,只能添加事件来搞定了。于是在checkBox中添加了个onclick=”return false’,问题解决。所以要想实现checkBox的readonly属性方式如下:方法一<i原创 2017-11-30 20:17:40 · 1757 阅读 · 0 评论 -
02-利用border实现网站常见的三角形
利用border实现网站常见的三角形需求描述我们经常在网站上见到hover三角形的效果,这个实现的其中一种方法就是利用伪标签:after和border属性实现的。不比比 直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>原创 2017-08-27 00:25:21 · 306 阅读 · 0 评论 -
01-border,padding,margin,color
border,padding,margin,colorborder–边框padding–内边距margin–外边距color–颜色外边距合并border:边框border-widthborder-styleborder-colorborder-styleborder的复合模原创 2017-08-25 23:27:57 · 705 阅读 · 0 评论