HTML

HTML

JS,CSSで入力部品(type=”text”)を英大文字にする方法

JS,CSSで入力部品(type="text")を英大文字にする方法 英大文字だけをクライアント画面側でする方法は恐らく二通りあります。 一つはJSです。 <input type="text" oninput="value = value....
HTML

<input type="text">で数値のみ入力する方法

&lt;input type=&quot;text&quot;&gt;で数値のみ入力する方法
HTML

<input type="number">にeが入力されないように設定する方法

<input type="number">にeが入力されないように設定する方法 type="number"にするとChromeだと数値のみ入力できるようになりますが、アルファベットのeだけは入力できてしまいます。 onkeydown="re...
Cordova

CordovaでAndroidのハードウェアの戻るボタンを無効化する方法

CordovaでAndroidのハードウェアの戻るボタンを無効化する方法 簡単に出来ると思ったのですが、結構ハマったのでメモ。 cordova.jsを読み込んだ後に以下のように実装します。ハードの戻るボタンを押すと、backbuttonイベ...
CSS

ハイブリッド開発(HTML5+CSS3)のログイン情報の保持方法について

ハイブリッド開発(HTML5+CSS3)のログイン情報の保持方法について ハイブリッド開発でログイン情報をどう保持するかをちょっと考えていたのですが、セッションとかクッキーとかは古いかと思っていて、HTML5から追加されたsessionSt...
CSS

HTML5のラジオボタンをCSSでdisplay:none;すると、An invalid form control with name=’~’ is not focusable.エラー

HTML5のラジオボタンをCSSでdisplay:none;すると、An invalid form control with name='~' is not focusable.エラー
HTML

HTML5のfigureタグとimgタグ

HTML5のfigureタグとimgタグ HTML5にfigureタグというのがありました。 使ったことがないので使ってみました。imgやfigcaptionを併用するパターンが多いようです。 <figure> <img src="imag...
HTML

HTML5のcanvas要素を画像に変換するtoDataURLメソッド

HTML5のcanvas要素を画像に変換するtoDataURLメソッド HTML5からcanvas要素ができましたがtoDataURLメソッドを使用してimgタグのsrcにぶちこんであげることで、動的にcanvasを画像に変換することができ...
HTML

HTMLでinput部品のnumberの動作がややこしい

HTMLでinput部品のnumberの動作がややこしい 数値のみを入力したい場合に、<input type="number">としたら、Chromeでは効くのにIE11だとうまく動作しないです。文字も入ってしまいます。 どうもIE11だと...
HTML

HTML5から追加されたdata-*カスタム属性

HTML5から追加されたdata-*カスタム属性 HTML5から追加されたdata-*で始まる属性を指定できるようになりました。 Webアプリで独自属性に任意のデータを指定することにより、任意のデータを取得できます。 セレクタ.data('...
HTML

input type=”text”の横幅を広げる

input type="text"の横幅を広げる input type="text"の横幅を広げるには、cssでwidthを指定します。 strutsの<html:text>タグではsizeで広げることができますが、input type="...
HTML

readonly= readonly readonly= trueどちらが正しいか

readonly= readonly readonly= trueどちらが正しいか 以下Chromeで実験してみました。 全部readonlyとなりますが、W3C推奨は、readonly="readonly"のようです。 ちなみにreado...
HTML

HTMLのtableタグで縦書きする

HTMLのtableタグで縦書きする HTMLのtableタグで縦書きするにはcssで実現することができます。 writing-mode:tb-rl; と記述することで縦書きになります。ただし、IEのみ対応されておりChromeでは横書きに...