【スマートフォン制作向け】radioボタンをCSSのみでカスタマイズ | バシャログ。
こんにちは、GWは神奈川県から一歩も出ませんでした ishida です。 さてさて、今回は最近スマートフォン案件が増えてきましたので実務で使えそうなコーディングTipsをば。 スマートフォンでは、radioボタンがデフォルトのままだとかなり押しにくいですよね。 対象がスマートフォンであれば（IEちゃんを除けばOKかも）CSSだけで、意外とカスタマイズができます。 HTML HTMLのコードは以下になります。 <ul class="list"> <li><input type="radio" name="gender" id="gender1" value="1"><label for="gender1">男性</label></li> <li><input type="radio" name="gender" id="gender2" value="2"><label for="gende
[cakephp]複数のボタンのどれが押されたかを判別する | バシャログ。
連休は足の踏み場もない部屋を片付けて模様替えをしていたtanakaです。今日はCakePHPのコネタで、複数のボタンをフォームに設置する話を紹介します。 複数の送信ボタンが欲しい 例えば、更新フォームに更新ボタンと削除ボタンが欲しいとします。単にinput type="submit/image"なボタンを配置すると、サーバーサイドで、押されたボタンが判別できません。(例が強引ですみません。更新ボタンと、更新して戻るボタンとかでもかまいません。でも、この例であれば、削除ボタンをリンクにすればほぼ解決しますね。それはさておき) 2つのボタン <?php e($form->submit('更新'));?> <?php e($form->submit('削除'));?> この2つのボタンのどちらが押されたかを判別するにはname属性を追加するといいでしょう。 <?php e($form->subm
![[cakephp]複数のボタンのどれが押されたかを判別する | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7796aeff850adf4c767f9064eba6e857cd01e20/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_php.png)
デザイナ向け？CakePHP Formヘルパーいろいろ | バシャログ。
寒い日が続きますね。 最近、身に着けるものの半数が発熱アイテムのichikawaです。 今日は、先日のHtmlヘルパーに続いてFormヘルパーをご紹介したいと思います。（今回も対象は、CakePHPのバージョン1.2です。） フォームの開始タグと終了タグを出力したい 開始は$form->create()メソッドを使います。以下のような感じです。 <?php echo $form->create('Recipe', array('type' => 'post', 'action' => 'add')); ?> 上記は、以下の様な出力になります。 <form id="RecipeAddForm" method="post" action="/recipes/add"> 反対に終了は$form->end()メソッドを使います。以下のような感じです。 <?php echo $form->end()
リアルタイムに入力チェック - jQuery Inline Form Validation Engine - | バシャログ。
こんにちは、nakamura です。すっかり秋めいてきましたね。みなさんの今年の夏の思い出は何だったでしょうか。僕の思い出は叔父がやっている家庭菜園で膨大な量のきゅうりが取れてしまい、家のおかずが2週間ほどきゅうりづくしだった事でしょうか。自分、鈴虫かと思いました。 とあるプロジェクトで、入力フォームのバリデーションを javascript で実装したいという要件がありました。なおかつ最近よくみる submit ボタンを押さずともリアルタイムでエラーメッセージを表示してくれるおしゃれなアレです。そんな要件に添う為今回使ったのが Jquery Inline Form Validation Engine です。元々 sakai が見つけてきたものなのですが、仕組みも簡単で分かりやすく中々動作も軽快だったのでここでご紹介したいと思います。 ファイル構成 まずはスクリプトをダウンロードしましょう。
無料で使えるメールフォーム「Simple tools Mail Form」 | バシャログ。
先日、nagaiより弊社サービスの「無料で使える動画プレーヤー 『Simple tools MoviePlayer』」の紹介がありましたが、引き続きまして、今回はカンタン無料メールフォーム「Simple tools Mail Form」をご紹介いたします。 この「Simple tools Mail Form」を利用していただければ、タグをテンプレートに埋め込んで頂くだけで、簡単にメールフォームをWebサイト等に設置していただくことができます。 準備の手順もとってもシンプル！ 以下の2ステップでカンタンに設置できます。 STEP1 タグを発行 こちらのフォームからメールフォーム表示用のタグ（html）を発行します。 送信先メールアドレスを入力頂き、「SET」ボタンをクリック！ タグが発行されます。 STEP2 テンプレートに埋め込み STEP1で発行したタグを、表示したいページのhtmlに埋
デザイナー・コーダー必見！使えるform関連jQueryプラグインの数々 | バシャログ。
こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。 お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。 デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、 実現できなかったりすることもよくあります。 そんなクセのあるformを、よりリッチに！かつ操作性を向上！できるjQueryプラグインの数々をご紹介します。 デザイナーの方は、フォームのデザインの参考に。 コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック（バリデーション）が簡単にできるプラグイン。 エラーメッセージはlocalizationディレクトリ内に18言語用意されています。 日本語用は別途作成し、使用することが可能です。 jQuery
[使えるCSSテクニックVol.2] CSS を使った見栄えの良いフォーム パート 2 | バシャログ。
第 5 回「CSS を使った見栄えの良いフォーム パート2」です。 各ブラウザ毎の差異でなかなか扱いにくいフォームまわりですが、今回は CSS だけで工夫する例をいくつかご紹介します。 ■背景画像を使った例 まずは背景に画像を使用した例です。 CSS の指定は単純に input タグのワクを消して背景に乗っけただけ。画像を入れ替えれば簡単にガラリと印象の違うフォームを作れます。 XHTML <form> <ul> <li><input type="text"/></li> <li><input type="text" /></li> <li><input type="text" /></li> </ul> <p><button><img src="ex01_btn.gif" alt="" width="63" height="17" /></button></p> </form> CSS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【WordPress】お問い合わせ内容も管理画面で管理できてトレビア〜ンなフォームプラグインinquiry form creator | バシャログ。