HTML JS,CSSで入力部品(type=”text”)を英大文字にする方法 JS,CSSで入力部品(type="text")を英大文字にする方法英大文字だけをクライアント画面側でする方法は恐らく二通りあります。一つはJSです。<input type="text" oninput="value = value.toU... 2019.07.18 HTML
HTML <input type="number">にeが入力されないように設定する方法 <input type="number">にeが入力されないように設定する方法type="number"にするとChromeだと数値のみ入力できるようになりますが、アルファベットのeだけは入力できてしまいます。onkeydown="retu... 2019.07.09 HTML
Cordova CordovaでAndroidのハードウェアの戻るボタンを無効化する方法 CordovaでAndroidのハードウェアの戻るボタンを無効化する方法簡単に出来ると思ったのですが、結構ハマったのでメモ。cordova.jsを読み込んだ後に以下のように実装します。ハードの戻るボタンを押すと、backbuttonイベント... 2019.03.12 CordovaHTML
CSS ハイブリッド開発(HTML5+CSS3)のログイン情報の保持方法について ハイブリッド開発(HTML5+CSS3)のログイン情報の保持方法についてハイブリッド開発でログイン情報をどう保持するかをちょっと考えていたのですが、セッションとかクッキーとかは古いかと思っていて、HTML5から追加されたsessionStr... 2019.02.17 CSSHTML
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.エラー 2019.02.12 CSSHTML
HTML HTML5のfigureタグとimgタグ HTML5のfigureタグとimgタグHTML5にfigureタグというのがありました。使ったことがないので使ってみました。imgやfigcaptionを併用するパターンが多いようです。<figure> <img src="image.j... 2019.01.07 HTML
HTML HTML5のcanvas要素を画像に変換するtoDataURLメソッド HTML5のcanvas要素を画像に変換するtoDataURLメソッドHTML5からcanvas要素ができましたがtoDataURLメソッドを使用してimgタグのsrcにぶちこんであげることで、動的にcanvasを画像に変換することができま... 2018.12.07 HTML
HTML HTMLでinput部品のnumberの動作がややこしい HTMLでinput部品のnumberの動作がややこしい数値のみを入力したい場合に、<input type="number">としたら、Chromeでは効くのにIE11だとうまく動作しないです。文字も入ってしまいます。どうもIE11だと、n... 2018.07.15 HTML
HTML HTML5から追加されたdata-*カスタム属性 HTML5から追加されたdata-*カスタム属性HTML5から追加されたdata-*で始まる属性を指定できるようになりました。Webアプリで独自属性に任意のデータを指定することにより、任意のデータを取得できます。セレクタ.data('*')... 2015.11.13 HTML
HTML input type=”text”の横幅を広げる input type="text"の横幅を広げるinput type="text"の横幅を広げるには、cssでwidthを指定します。strutsの<html:text>タグではsizeで広げることができますが、input type="te... 2015.11.11 HTML
HTML readonly= readonly readonly= trueどちらが正しいか readonly= readonly readonly= trueどちらが正しいか以下Chromeで実験してみました。全部readonlyとなりますが、W3C推奨は、readonly="readonly"のようです。ちなみにreadonly... 2015.11.07 HTML
HTML HTMLのtableタグで縦書きする HTMLのtableタグで縦書きするHTMLのtableタグで縦書きするにはcssで実現することができます。writing-mode:tb-rl;と記述することで縦書きになります。ただし、IEのみ対応されておりChromeでは横書きになりま... 2015.10.17 HTML