兼容 required 和 readonly 同时使用

当前有一个需求,即保证输入框只读且不能为空,正常理解是一个错误需求,既然不能输入,怎么还不能为空呢?实际原因是这个输入框不需要用户主动输入,而是用户点击按钮由系统生成内容填充到输入框,所以才有了这个需求。 那要怎么实现 equired 和 readonly 同时使用呢?我们了解到原生 html 的逻辑不能让 required 和 readonly 同时使用,但经过多种测试,为了达到我们特殊的需求,

Font Awesome – 前端 Web 矢量图标字体库和 CSS 框架

Font Awesome v4.x 产品概览 Font Awesome 为您提供可缩放的矢量图标,您可以使用 CSS 所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。 一套绝佳的图标字体库和 CSS 框架 https://fontawesome.dashgame.com/ 一个字库,675 个图标仅一个 Font Awesome 字库,就包含了与网页相关的所有形象图标

Can I Use – 在线检查前端 Web 技术浏览器的支持

网站名称即 “我可以使用吗” 来检查目前计划使用的元素是否受当前浏览器的支持,对于前端 Web 工程师来说是最佳自检工具。 网站 “我可以使用吗” 的口号是 “现代网络技术的浏览器支持表”,提供了最新的浏览器支持表,以支持桌面和移动 Web 浏览器上的前端 Web 技术。

php 调用 json 数据实例

JSON 小知 JSON 值,可以是对象、数组、数字、字符串或者三个字面值 (false、null、true) 中的一个。 值中的字面值中的英文必须使用小写。 1. 对象由花括号括起来的逗号分割的成员构成,成员是字符串键和上文所述的值由逗号分割的键值对组成,如下: {"name": "John Doe", "age": 18, "

JSON 对象与数组结构与访问

一、{ } 大括号,表示定义一个对象: 对象在 JS 中是使用花括号包裹 {} 起来的内容,数据结构为 {key1:value1, key2:value2, …} 的键值结构。在面向对象的语言中,key 为对象的属性,value 为对应的值。键名可以使用整数和字符串来表示。值的类型可以是任意类型。 如:var hexingxing = {“Name”:”hexi

CSS visibility display

visibility,显示空白占位空间,显示内容后页面布局不发生变化 a div.img{ visibility:hidden; //隐藏对象 } a:hover div.img{ visibility:visible; //显示对象 }   display,不显示占位空间,显示内容后使页面重新适应布局 a div.img{ display:none; //隐藏对象 } a:hover

CSS 模型和布局方案

1.CSS 标准盒子模型 CSS 盒子模型 又称为框模型(Box Model),包含元素内容(content)、内边距(padding)、边框(border)、外边距(margin)几个要素。     模型中内层是 content 依次是 padding border margin。通常我们设置背景时就是内容、内边距、边框这三部分,如果 border 设置颜色的时候会显示 bo