标签: html5

使用CSS更改HTML5输入的占位符颜色

Chrome支持占位符属性input[type=text]元素(别人可能做太多).

但以下CSS内容对占位符的值没有任何作用:

input[placeholder], [placeholder], *[placeholder] {
    color: red !important;
}
Run Code Online (Sandbox Code Playgroud)
<input type="text" placeholder="Value">
Run Code Online (Sandbox Code Playgroud)

Value仍然会留下grey而不是red.

有没有办法改变占位符文本的颜色?

html css html5 placeholder html-input

3876
推荐指数
29
解决办法
171万
查看次数

在HTML5 localStorage中存储对象

我想在HTML5中存储JavaScript对象localStorage,但我的对象显然正在转换为字符串.

我可以使用存储和检索原始JavaScript类型和数组localStorage,但对象似乎不起作用.他们应该吗?

这是我的代码:

var testObject = { 'one': 1, 'two': 2, 'three': 3 };
console.log('typeof testObject: ' + typeof testObject);
console.log('testObject properties:');
for (var prop in testObject) {
    console.log('  ' + prop + ': ' + testObject[prop]);
}

// Put the object into storage
localStorage.setItem('testObject', testObject);

// Retrieve the object from storage
var retrievedObject = localStorage.getItem('testObject');

console.log('typeof retrievedObject: ' + typeof retrievedObject);
console.log('Value of retrievedObject: ' + retrievedObject);
Run Code Online (Sandbox Code Playgroud)

控制台输出是

typeof testObject: object
testObject properties:
  one: 1 …
Run Code Online (Sandbox Code Playgroud)

javascript html5 local-storage

2386
推荐指数
14
解决办法
101万
查看次数

<meta charset ="utf-8"> vs <meta http-equiv ="Content-Type">

为了定义HTML5 Doctype的字符集,我应该使用哪种符号?

  1. 短:

    <meta charset="utf-8" /> 
    
    Run Code Online (Sandbox Code Playgroud)
  2. 长:

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    Run Code Online (Sandbox Code Playgroud)

html5 doctype meta-tags

1499
推荐指数
7
解决办法
107万
查看次数

按数据属性选择元素

是否有一种简单直接的方法可以根据data属性选择元素?例如,选择具有名为customerIDvalue的数据属性的所有锚点22.

我有点犹豫使用rel或其他属性来存储这些信息,但我发现根据存储在其中的数据选择元素要困难得多.

jquery html5 custom-data-attribute

970
推荐指数
11
解决办法
91万
查看次数

如何清除画布以进行重绘

在尝试复合操作和在画布上绘制图像后,我现在正在尝试删除图像和合成.我该怎么做呢?

我需要清除画布以重绘其他图像; 这可以持续一段时间所以我不认为每次绘制一个新的矩形将是最有效的选择.

javascript html5 canvas composite html5-canvas

945
推荐指数
16
解决办法
82万
查看次数

我可以隐藏HTML5号码输入的旋转框吗?

跨浏览器是否有一致的方法来隐藏某些浏览器(如Chrome)为类型编号的HTML输入呈现的新旋转框?我正在寻找一种CSS或JavaScript方法来防止上/下箭头出现.

<input id="test" type="number">
Run Code Online (Sandbox Code Playgroud)

javascript css html5 numbers input

934
推荐指数
12
解决办法
56万
查看次数

使用HTML5/Canvas/JavaScript获取浏览器屏幕截图

Google的"报告错误"或"反馈工具"可让您选择浏览器窗口的某个区域,以创建提交的屏幕截图,其中包含有关错误的反馈.

Google反馈工具截图 Jason Small截图,发布在一个重复的问题.

他们是怎么做到的?谷歌的JavaScript反馈API从此处加载,他们对反馈模块的概述将演示屏幕截图功能.

javascript html5 screenshot canvas

888
推荐指数
6
解决办法
45万
查看次数

<section>和<div>有什么区别?

<section><div>HTML 之间有什么区别?我们不是在这两种情况下定义部分吗?

html html5

864
推荐指数
9
解决办法
51万
查看次数

WebSockets与服务器发送的事件/事件源

双方的WebSockets服务器发送的事件能够将数据推送到浏览器.对我来说,他们似乎是竞争技术.他们之间有什么区别?你何时会选择一个而不是另一个?

html5 websocket server-sent-events

780
推荐指数
7
解决办法
19万
查看次数

我应该使用'name'或'id'制作HTML Anchor吗?

当想要用" http://example.com/#foo"方法引用网页的某些部分时,应该使用

<h1><a name="foo"/>Foo Title</h1>
Run Code Online (Sandbox Code Playgroud)

要么

<h1 id="foo">Foo Title</h1>
Run Code Online (Sandbox Code Playgroud)

他们都工作,但他们是平等的,还是他们有语义差异?

html html5 hyperlink fragment-identifier

762
推荐指数
9
解决办法
60万
查看次数