極論から。
InternetExplorerではHTML5の<main>タグは使えません。
検索するとたくさん該当するのが
IEはデフォルトで<main>タグをinline要素として認識するから、CSSが意図したように適用できないという情報です。
そのため、このようなCSSを追加れば<main>も使えるようになると…
main {
display: block;
}
そうだと信じてたんです。
しかし、ある人のIEではこのスタイルすらも完全スルーされることが判明。
ガーン！
タグ: html5
textareaのplaceholderに改行をいれる
テキストエリアのplaceholderは、数値実体参照で改行コードのCRとLF書けば改行させられる…と思っていたら
Safariでは効かないことが判明。
<textarea placeholder="改行 させる"></textarea>
荒技でいくなら、属性値の途中でリアル改行させる手もあります。
<textarea placeholder="改行 させる"></textarea>
しかし、Safariでは効かないのか… うーん。
スマートフォンで撮影した写真をjavascriptのFile APIでinputへセット
iOS6のSafariから対応の、HTML5のFileReaderをつかって
スマートフォンのカメラを起動し、撮影した画像を
<input type=”file”>へセットしたり
<img>としてプレビューしたりするサンプルを作ってみました。