SOFTELメモ Developer's blog

会社概要 ブログ 調査依頼 社員募集 ...

Category / html5

Laravel+axiosのCSRF対策

2019-12-26 問題 LaravelもaxiosもCSRF対策が組み込まれてますよね。 どう設定するとよいですか。 何か設定は必要ですか。 答え LaravelはミドルウェアVerifyCsrfTokenが以下のCookieを送る。 S […]

文字コードの違うWebページにformを送信するとき

2019-03-28 問題 EUC-JPのページのformから UTF-8のWebサイトにsubmitしたら、文字化けしました。 答え EUCのページはデフォルトではEUCでデータを送りますね。 ページの文字コード以外でフォームを送信させたい […]

【JavaScript】セレクトボックスをreadonlyにする

2017-11-28 問題 select要素でreadonlyしたいのですが、無理ですか。 disabled じゃなくて、readonlyです。 使用可能だけど、変更不可にしたいです。 答え readonuly属性では無理です。 考え方を変え […]

【html5】 input type=”number” で小数を入力できるようにする

2017-02-17 問題 input 要素の type=”number” って、整数しか入力できないのですか? 答え step を指定しましょう。 以下、例を書きます。 <input type="number" […]

twitter bootstrap 3 で横幅をめいっぱい広げたいとき

2014-01-05 問題 bootstrapって、Extra small devices Phones (

twitter bootstrap3 を とにかく手軽に始められる雛形

2013-12-25 問題 twitter bootstrap3 やってみたいんですけど。 twitter bootstrap3 都度都度ダウンロードしてくるのめんどくさい。 twitter bootstrap3 もうちょっとサクッと使えない […]

【HTML】IE10のinput要素のxボタンを消す

2013-06-19 問題 IE10になって、フォームのテキスト入力欄に「×」ボタンや、パスワード入力欄に目のマークが出るようになったんだけど、これ消せますか。 答え CSSで消せる(-msプレフィックス付き)。 「×」マーク(クリアボタン) […]

contenteditable … div要素などの中をブラウザ上で編集可能にする属性

2013-06-06 contenteditable属性は、古くはIE5.5からサポートされたり、Firefox3以降もサポートするようになったりしていた、HTML中の要素を編集可能にする属性。 HTML5にも採用されている。 BIUソース […]

【CSS】改行を含むテキストの表示をスタイルシートで?

2013-04-18 問題 以下のような改行を含むテキストがあって、ブラウザの画面に表示したいんだけど、こういうときはphpのnl2br()を使うんだっけ? 改行を含むテキスト あいうえおかきくけこ 本日は晴天なり ↓ nl2br($str) […]

入力もできるし選択もできるUIを作る(autocomplete、typeahead、コンボボックス)

2013-04-17 問題 ある入力欄で、一覧から選択もできるし、手入力もできるという操作ができるものを作りたいんだけど、簡単なのない? 答え 「なるべく足さない、なるべく作らない」の方針で対応してみます。 以下、Bootstrapがあるとき […]

【CSS3】メディアクエリをIE7、IE8でも使えるようにする

2013-04-12 問題 あら?IE8はメディアクエリ(cssの@media何々)使えないんでしたっけ? 答え IE9からはメディアクエリが使えるけど、IE6、IE7、IE8は使えない。 こちらのスクリプトを使うと、何とかなるでしょう。 & […]

tableで、しましましたい

2013-04-03 問題 よくある表の表示で偶数行がグレー、奇数行が白みたいな、縞々の表示がしたいけど、どうするのがよい? 答え 10年前なら、サーバー側で見た目のことも考慮して、あとは表示するだけのHTMLを出力したものですが、 < […]

twitter bootstrap を とにかく手軽に始められる雛形

2013-03-23 問題 twitter bootstrap やってみたいんですけど。 twitter bootstrap 都度都度ダウンロードしてくるのめんどくさい。 twitter bootstrap もうちょっとサクッと使えない? そ […]

【JavaScript】canvasでお絵かきしたい(半分自作する編)

2013-03-21 問題 canvasを使ったお絵かき機能を作りたいです。 出来合いのライブラリもあるみたいだけど、ライブラリのお世話になるのはなるべく最小限にしたいです。 答え canvasの操作はEaselJSを使ってみる。他の部分は自 […]

【JavaScript】canvasでアナログ時計

2013-03-19 問題 canvasでアナログ時計って作れる? 答え 作りましょう。 今回は、1つのcanvas要素を用いて、1秒ごとに時計全体を書き直す形で実装する。 canvasは、ほぼWindows付属のペイントの表示領域のようなも […]

アプリアイコンが表示されない

2013-02-11 問題 HTMLのhead部分で、link rel=”apple-touch-icon-precomposed” などでアプリアイコンを指定しているのだが、実機でテストすると表示されない。 答え ベ […]

【JavaScript】Audioで音を出す

2013-01-04 問題 JavaScriptでwavデータを生成して、Audioに渡して再生してみてください! 答え 流れを書くと以下のとおりで、流れは簡単。 audio = new Audio(); audio.src = "dataU […]

Webフォントでアイコン

2012-12-29 問題 イラストフォントをWebの画面で使いたいなあ。 特にアイコンとかに。 答え イラストフォントをWebフォントとして使って、アイコンの表示に使える。 文字なので、色はcolorで指定可能。大きさも font-size […]

【HTML】IE用の条件分岐コメント

2012-12-02 条件分岐コメントを使うと、通常のブラウザにとってはただのHTMLのコメントだけど、Internet Exploerだけに、都合よくその部分を有効なHTMLとして認識させることができる。 以前はよく使われていましたが、 I […]

【HTML】入力欄が1つだけのフォームはEnterキー押下でsubmitされる。submitボタンがなくても。

2012-10-22 問題 フォームがEnterキー押下でsubmitしてくれたり、くれなかったりするのですが、何かルールがあるのですか。 特に、サブミットボタンがないフォームについて。 特に、入力欄が1つのときと、2つのときの違いについて。 […]