チェックボックスにチェックしたらコンテンツを表示させる
Result jQuery$('#check').click(function() { //クリックイベントで要素をトグルさせる $("#box").slideToggle(this.checked); });cssinput{margin:80px 0 0 80px;} div{ display:none; margin:25px; padding:25px; background:#eee; width:200px; height:150px; }html<label><input type="checkbox" id="check">Check This!</label> <div id="box">content is here</div>
input type="file" なやつを独自にデザインする方法 - ダーシマ・ヱンヂニヤリング
デモ HTML <div class="file"> ファイルを選択 <input type="file"/> </div> CSS .file { display: inline-block; overflow: hidden; position: relative; padding: .5em; border: 1px solid #999; background-color: #eee; } .file input[type="file"] { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; cursor: pointer; } 対応ブラウザ 以下のブラウザ
第2回 アクションを起こしてもらえるフォームのポイントは？ | gihyo.jp
使いやすいフォームをデザインする6つのポイント みなさんは、どのようにフォームをデザインしているでしょうか？ CSSでスタイリングされていない素のHTMLフォームは、当然ですがデザイン性にとぼしいものです。また、入力エリアが狭いため、ユーザビリティも高いとは言えません。 フォームにはお問い合わせフォーム、申し込みフォーム、予約フォームなどいろいろありますが、共通するのは「ユーザーにアクションを起こしてもらう重要な要素である」ということです。しかし、フォームへの入力は、ユーザーにとって面倒な作業です。そのため、極力簡単に入力できるようにして、ユーザーの負荷を軽減する必要があります。 それでは、どうすればユーザーの負荷を軽減させることができるでしょうか？ そのためのポイントが以下の6つです。 要素を整列させる 適度な余白をつくる ディテールを作り込む デザインされたボタンを使う 住所を自動入力
BASIC認証のユーザー名パスワードをHTMLのフォームで処理できるか試してみた « 渋谷でサボるエンジニアの日記
PHPとHTMLでBASIC認証のログイン処理を作って見てから気がついたんですが、InternetExplorer7では http://ユーザー名:パスワード@localhost/ みたいなURLが無効になっているので、PHPやHTMLを用いた方法では出来ない事はできなさげです。 どうしてもBASIC認証をHTMLベースでやりたい場合は、モジュールを使うのが良さそうです。 いつのバージョンから含まれているのか判らないですが、Apacheに mod_auth_formっていうのが含まれているそうです。 他にも、同名のモジュール（中身は別物）で二つほど同じような事を実現するモジュールを作成されている方がいるようで。 mod_auth_form mod_auth_form どちらもちょっと古いので、Apacheに含まれているのを使った方が良さそうですが。 今後は公式の mod_auth_fo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
