Symfony日本語マニュアル
第10章 - フォーム Caution この章ではsymfony 1.0でフォームを実装する方法を説明しています。互換性とadminジェネレーターの機能はまだこのシステムを利用するので、symfony 1.1でもこの章の情報も価値があります。しかしながら、symfony 1.1で新しいプロジェクトを始めるのあれば、新しいフォームフレームワークの詳細について"symfony Forms in Action"の本も読むべきです。 テンプレートを書くとき、開発者の多くの時間はフォーム(form)に費やされます。このことにもかかわらず、一般的にフォームは貧弱に設計されます。デフォルト値、整形、検証、再投入と一般的なフォームの扱いなど多くのことに注意を払うことが必要なので、開発者のなかにはプロセスにおけるいくつかの重要な詳細事項を大まかにしか見ない人がいます。というわけで、symfonyはこのトピッ
さくらVPSでiptablesとかSFTPの設定とかした
前回のラブライブ！ さくらのVPS借りた | Border/memoさくらVPSにNginxとかPHPとか入れた | Border/memoさくらVPSのお試し期間も終了し、無事月額課金が開始されてしまった。使わないともったいないので頑張って設定していきます そう言えば前回の記事では何も書いてなかったけど、前回も今回もrootユーザで作業してます iptablesの設定するiptablesの設定方法｜さくらのVPS｜さくらインターネット公式サポートサイト ここが詳しい。見ながらやっていく。 サーバへの攻撃対策$ iptables -A INPUT -p tcp --tcp-flags ALL NONE -j DROP $ iptables -A INPUT -p tcp ! --syn -m state --state NEW -j DROP $ iptables -A INPUT -p
input要素のtype="file"を装飾する方法 | SONICMOOV LAB
こんにちは、Sonicmoov勤続5年弱のだってぃです。 いや～時がながれるのって本当に早いですね。 すっかりお局・・・いや、お局の男バージョンの言葉ってないんですかね？ まぁいい。別にお局でもいいや。 人生絶賛迷子中です。 気が付けば前回の記事「select要素を装飾するいくつかの方法」を書いてから1年半たっていますね。 ・・・あれ？弊社のこのLab、人数的に考えて、半年に1度くらいは回ってくるはず ・・・ うん、まぁよしとしよう。もみ消そう！HAHAHA! はい、今日は前回に引き続きフォーム関連要素の装飾のお話。 あの不可侵領域、input要素のtype=”file”の装飾方法をチェケラします。 デザイン変更できちゃうんですよ、実は。 ん？タイトル横の画像と内容が関係ないって？ はい、だって、ほら、input type=”file”っぽい画像って何？って感じですし。 でもアイキャッチ的
スマートフォンでも使いやすいテキスト入力欄を作る [ホームページ作成] All About
スマートフォンでも使いやすいテキスト入力欄を作るテキスト入力欄を、PC用ブラウザだけでなく、スマートフォンやタブレット端末でも使いやすくしてみましょう。既存のページを大きく改修することなく、簡単に実現できる方法をご紹介。 入力フォームのあるウェブページが、スマートフォンやタブレット端末で閲覧される場合も考慮して、それらの端末でも使いやすいテキスト入力欄を作ってみましょう。大きく改修しなくても、ほんの少しの記述で使いやすい入力欄になります。 type属性値でテキスト入力内容の種類を限定する スマートフォンでは、画面上に表示されるソフトキーボードを使って文字を入力します。このとき、入力内容に適したキーを最初から表示させておく方法があります。 テキスト入力欄を作る際、input要素のtype属性値には以下のように「text」と指定します（※name属性やvalue属性など、他の属性の記述は省略し
![スマートフォンでも使いやすいテキスト入力欄を作る [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
onBlur/JavaScriptリファレンス
JavaScript Reference onBlur 関連オブジェクト : - タイプ : イベントハンドラ 書式 <input type="text" name="A" onBlur="関数名"> 入力フォームでフォーカス (選択状態) されていた場合に、そのフォーカス が外れ、他に移動したりした場合に発生するイベントハンドラ。 イベント属性の値に関数を指定して、イベントが発生したときに実行されるようにします。 Top / Home / Index / Next
[Symfony]DateHelperとDateValidator｜株式会社 フラッツ
谷口です。 今回はSymfonyのDateHelperとDateValidatorについて書きます。 DateHelperをtemplateで呼び出すには、input_date_tag関数を使います。 ただ、第3引数’rich=true’を指定するとcalendar widgetが出て日付を指定できますが、 誕生日などの入力には適していないと思います。 ‘rich=true’を指定しない場合の例を書きたいと思います。 ‘rich=true’を指定しないと、年月日のそれぞれがプルダウンメニューのインプットフォームになります。 例えば、下記のような感じです。 <?php echo input_date_tag( ELEMENT_NAME, DEFAULT_DATE, array('year_start' => MIN_YEAR, 'year_end' => MAX_YEA
プルダウンの表示内容をjQueryで書き換える - ぷぎがぽぎ
次の案件がsymfony1.0ということで、久しぶりにsymfony1.0を触っています。 フォーム周りはまったくの別モノってぐらい違うのですが、やれば思い出すものです。 さて、symfony1.0でフォームにおいて日付のプルダウンをつくるとき、誰もが悩むであろう点があります。 それは、年、月、日のプルダウンを一括して出力するinput_date_tagという関数があるのですが、区切り文字は１つしか指定できないということです。 区切り文字が「/」だった場合は次のように表示されます。 決してユーザーに優しいUIではないですね。 日本的には [2009]年[03]月[29]日 のようにしたいところですがこれが簡単にできません。 というわけで、次に考えるのが区切り文字として空文字(NULL)を指定し、プルダウンの値に直接「年」や「月」を追加してしまう方法です。以下のようなプルダウンを作るわけです
inputタグの下の隙間をCSSで消すには - OKWAVE
CSSの左横に隙間ができてしまいます。 画像の左横に謎の隙間(8mmほど)ができて埋まりません。 そのため、4枚収めたい画像のうち、最後の1枚が改行されてしまっています。 padding や vartical-align、text-alignなど試してみましたが、ダメでした。 とても困っています、どなたかご教示くださいますようお願いいたします。 << CSS >> #header { width:940px; height:59px; margin: 0 0 20px 0; } #logo { width:300px; height:59px; float:left; margin: 0 20px 0 0; } #menu { width:620px; height: 59px; padding: 0; margin: 0; float:right; } #menu img { paddi
html初心者です。テキストフォームと検索ボタンがずれる。 - htmlで検索フォームを作りたいのですが、テキストフォームの横の検索ボタン... - Yahoo!知恵袋
html初心者です。テキストフォームと検索ボタンがずれる。 htmlで検索フォームを作りたいのですが、テキストフォームの横の検索ボタンは画像で 作りたいと思っています。以下のようにしたのですが、テキストフォームよりも画像が 少し上に上がってしまいます。キレイに揃えるにはどうしたらいいのでしょうか？ わかる方がおられたら教えてください。 <form action="" method="post"> <input type="text" name="name" value="" maxlength="30"> <input type="image" src="search_button.gif" width="50" height="24" alt="検索"> </form>
文字数カウンターを作る - purazumakoiの[はてなブログ]
昔作った文字数カウントするやつが出てきたのでメモ、 この頃はjqueryをあんまり使って無かったみたい。 Prototypeのversionは'1.5.1.1' 完成デモ demo 主なソース部分 html側 <script type="text/javascript" src="../js/prototype.js"></script> <script type="text/javascript" src="../js/text_count.js"></script> ・ ・ ・ <textarea id="tContents"></textarea> <p>現在の文字数<span id="sCount"></span>文字</p> text_count.js window.onload = function () { fCount_load(); } // ページの初期化 functi
![文字数カウンターを作る - purazumakoiの[はてなブログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/30b67b785570bd6606dbfd85fc885e88cd09e66c/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704538227038789114%2F11696248318755872953%2F1374114669)
inputボタン（送信ボタン）を画像にするCSS｜web bibo
inputボタンに type="image" を使って送信ボタンを作成することがあると思いますが、こうするとそのボタンのx,y座標がGET値で送信されます。GET値で送りたいけど、x,y座標は表示したくない場合はスタイルシートを使ってinputボタンの背景に画像を指定します。 type="image"だとURLの後に座標の値がくっつく。 <form> <input type="image" alt="Sample" width="100" height="30" src="http://www.webbibo.com/assets/images/tips/image_btn.png" /> </form> このボタンを押してみてください。アドレス欄のURLが座標の値がついたURLになります。 CSSで解決 <form> <input type="submit" value="" id="i
ファイル選択ダイアログ(input type="file")でcsvファイルだけを表示したい - 小さい頃はエラ呼吸
はじめに ファイルアップロードフォーム(input type="file")で「参照...」ボタンを押したときに、特定の拡張子のファイルだけ（たとえば*.csvファイル）を表示するようにしたいと思い、その方法を調べてみました。 input type="file"でaccept属性を指定する 以下のサイトによると、HTMLの仕様ではaccept属性を指定すると、特定の拡張子を持つファイルだけを許可するという意味になるようです。 input要素に type="file" を指定すると、ファイルアップロードコントロールになります。基本的には、このコントロールはあらゆる種類のファイルをアップロードすることができます。 しかし、たとえば写真をアップロードするシステムでは、画像以外のファイルをアップロードしても意味がありません。そのような場合、「画像だけアップロードできる」という指定をしたくなります。
jqueryでチェックボックスを一括変更する方法
チェック項目がたくさんある場合、一括でチェックをつけたり、はずしたりできるとユーザーの手間がだいぶ省けますよね。 ということで html <input type="checkbox" id="all" />全て <div id="check"> <input type="checkbox"/>お金 <input type="checkbox"/>愛 <input type="checkbox"/>知識 <input type="checkbox" />時間 <input type="checkbox" />健康 </div> 全てのinputにid=”#all”、その他をdiv id=”#check”でくくっています。 $(function(){ $('#all').click(function(){ if(this.checked){ $('#check input').attr('ch
【jQuery】input要素の値を取得する、設定する - T-38の日記
input要素の値を取得する $("#input要素のid").val() input要素の値を設定する $("#input要素のid").val("追加する文字列") <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>JQueryTest</title> </head> <body> <table> <tr> <td> <input id="user" type="text" /> </td> <td> <input id="get" type="button
<input type="text">でEnterを押してもsubmitさせない方法【HTML, JavaScript】 - Programming Magic
<input type="text">でEnterを押すとsubmitされてしまうことがある。 これは便利なときもあるが、場合によっては不便になる。 Enterを押すとsubmitされるのは以下の3パターンがある。 1. Opera、Safariで、<input type="text">または<input type="password">がある場合 <form> <input type = "text" name = "text1"> <input type = "text" name = "text2"> </form> 2. IE、Firefoxで、<input type="text">または<input type="password">が１つ以上と、<input type="submit">または<input type="image">が１つ以上ある場合 <form> <input
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
サイト内検索フォームをカスタマイズする-だんだんのグッドニュース
finefinefine.jp
Home - Microsoft Answers
auの携帯電話はパスワードを何と心得るか