そこそこユーザビリティの高いフォームを作った 入力内容の検証とか、郵便番号変換を備えた、そこそこ使いやすいフォームのテンプレートを作りました time2014/01/18 hatenabookmark- 去年末実家に帰省していた時に、jQueryの練習＆業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリティ改善案として使うことが目的であって、ベストを目指してもサーバ制約やコスト的な観点で使えないことがあるから、そこは目指さないよという意味です。そもそも、フォームは必要悪ですし、ベストはフォームが存在しないことですね。 フロントエンド実装だけです（サーバ側スクリプト
タグ
- すべて
- 2chスレ (14)
- MySQL (28)
- iPhone (73)
- jQuery (68)
- togetter (90)
- あとで読む (51)
- まとめ (317)
- ソーシャルゲーム (15)
- ネタ (59)
- 画像 (107)
- #テクノロジー (21)
- #プログラミング (16)
- #女の子 (20)
- #画像 (20)
- * |ω・） (20)
- **後で見る (14)
- *2ちゃんねるまとめ (19)
- *programming (41)
- *thresh25 (20)
- *webサービス (30)
- *web制作 (27)
- *あとで (42)
- *あとで読む (635)
- *まとめ (15)
- *ネタ (33)
- *プログラミング (29)
- .net (26)
- .php (37)
- 2.0 (13)
- 2012年 (70)
- 2013 (20)
- 2013年 (140)
- 2014 (15)
- 2014年 (93)
- 2015年 (14)
- 2ch (342)
- 2chまとめ (34)
- 2chまとめブログ (45)
- 3D (40)
- 3ds (13)
- 4Gamer (13)
- AI (15)
- AJAX (25)
- AKB (14)
- AKB48 (16)
- AV女優 (18)
- AWS (169)
- Advent (17)
- AngularJS (65)
- AppBank (14)
- C++ (15)
- CEO (33)
- CTO (30)
- CodeIQ (17)
- DB (111)
- DMM (17)
- DVD (25)
- Deep Learning (26)
- Docker (26)
- EC (53)
- Engadget (15)
- Evernote (17)
- FuelPHP (56)
- GET (16)
- GIGAZINE (32)
- GIT (73)
- GREE (19)
- Google (200)
- IT (182)
- ITmedia (43)
- Internet (16)
- JAVA (32)
- JR (15)
- JSON (33)
- MVC (18)
- MongoDB (53)
- MyHotentry (31)
- MyInterest (70)
- NAVER (75)
- NTT (14)
- OAuth (23)
- Objective-C (17)
- RSS (15)
- Ruby (75)
- SEO (15)
- SF (17)
- SNS (98)
- SQL (25)
- TV (52)
- Titanium (77)
- Titanium Mobile (23)
- Twitter (314)
- URL (20)
- UX (21)
- VIP (185)
- Yahoo (41)
- Yahoo! (20)
- YouTube (55)
- ad (15)
- advent calendar (22)
- algorithm (14)
- amazon (147)
- ameba (20)
- android (146)
- angular (27)
- angular.js (31)
- animation (46)
- anime (178)
- apache (29)
- api (209)
- app (128)
- app store (23)
- apple (68)
- apps (20)
- av (48)
- blog (102)
- book (43)
- bootstrap (40)
- browser (15)
- business (233)
- canvas (19)
- career (17)
- chrome (52)
- cloud (32)
- cm (25)
- comic (52)
- command (17)
- communication (67)
- config (17)
- content (22)
- cookpad (32)
- copyright (41)
- css (104)
- css3 (21)
- data (69)
- database (55)
- deeplearning (18)
- dena (30)
- design (106)
- dev (27)
- developer (43)
- development (502)
- dom (28)
- dwango (42)
- ec2 (44)
- education (18)
- elasticsearch (23)
- engineer (41)
- event (53)
- facebook (139)
- fashion (17)
- firefox (16)
- flash (20)
- food (71)
- form (17)
- framework (42)
- function (36)
- gadget (22)
- game (273)
- gem (15)
- github (88)
- hatena (103)
- hatena-bookmark (19)
- health (15)
- history (36)
- html (162)
- html5 (149)
- http (47)
- https (46)
- iOS (204)
- iPhoneアプリ (36)
- ie (19)
- image (23)
- interview (38)
- ipad (16)
- iphone (248)
- jQuery (143)
- jQuery Mobile (17)
- japan (32)
- javascript (505)
- job (22)
- js (166)
- library (43)
- life (159)
- lifehack (29)
- line (64)
- linux (82)
- log (26)
- mac (43)
- management (45)
- marketing (27)
- media (37)
- memo (60)
- microsoft (36)
- mixi (37)
- mobile (95)
- money (14)
- mongo (20)
- movie (33)
- music (54)
- mysql (44)
- neta (172)
- network (27)
- news (149)
- nhk (73)
- niconico (53)
- node (28)
- node.js (55)
- on (22)
- pc (84)
- performance (33)
- photo (30)
- php (237)
- pixiv (19)
- presentation (19)
- programming (452)
- python (20)
- rails (37)
- science (30)
- search (16)
- security (113)
- server (54)
- service (27)
- slide (68)
- slideshare (28)
- society (26)
- software (15)
- ssh (17)
- swift (24)
- technology (19)
- tips (99)
- togetter (86)
- tool (18)
- tutorial (23)
- ui (101)
- web (646)
- webdesign (25)
- webservice (105)
- webサービス (672)
- webデザイン (120)
- web制作 (228)
- web漫画 (18)
- windows (55)
- work (87)
- あとで (29)
- あとでみる (503)
- あとで読む (1035)
- いい話 (49)
- おっぱい (36)
- おもしろ (82)
- お店 (15)
- お役立ち (41)
- お金 (29)
- かわいい (39)
- こころ (21)
- これはすごい (140)
- これはひどい (309)
- ねた (14)
- はてな (135)
- はてなブックマーク (17)
- はてな匿名ダイアリー (28)
- まとめ (496)
- やまもといちろう (45)
- アイデア (31)
- アイドル (52)
- アニメ (485)
- アニメーション (43)
- アプリ (328)
- アメリカ (26)
- アルゴリズム (36)
- アーキテクチャ (19)
- イベント (87)
- イラスト (53)
- インストール (16)
- インタビュー (60)
- インタレスト (28)
- インターネット (91)
- インフラ (45)
- エイプリルフール (21)
- エロ (93)
- エロゲ (39)
- エンジニア (197)
- オタク (92)
- カフェ (16)
- ガジェット (25)
- キャラクター (16)
- キャリア (29)
- キャンペーン (20)
- クックパッド (22)
- クラウド (37)
- グラビア (18)
- グルメ (66)
- ゲーム (551)
- コマンド (32)
- コミケ (17)
- コミュニケーション (134)
- コンテンツ (23)
- コンビニ (16)
- コーディング (15)
- サイバーエージェント (14)
- サーバ (82)
- サーバー (16)
- サービス (275)
- システム (68)
- システム開発 (17)
- ジェンダー (25)
- スタートアップ (20)
- スポーツ (17)
- スマホ (21)
- スマートフォン (86)
- スライド (25)
- セキュリティ (143)
- セックス (20)
- ソフトウェア (36)
- ソーシャルゲーム (56)
- タバコ (17)
- ダウンロード (14)
- ツール (96)
- テクノロジー (34)
- テスト (20)
- テレビ (87)
- ディープラーニング (19)
- デザイン (161)
- データ (68)
- データベース (64)
- デート (27)
- トラブル (19)
- ドワンゴ (50)
- ニコニコ (36)
- ニコニコ動画 (89)
- ニュース (172)
- ネタ (1269)
- ネット (195)
- ネットワーク (30)
- パフォーマンス (17)
- ビジネス (277)
- ファッション (56)
- フォーム (16)
- フレームワーク (62)
- ブラウザ (41)
- ブログ (123)
- プラグイン (19)
- プログラマ (65)
- プログラミング (536)
- プロジェクト (15)
- ホットエントリ (41)
- マスコミ (18)
- マネジメント (29)
- マンガ (115)
- マーケティング (71)
- メディア (90)
- メモ (21)
- メール (17)
- モンハン (15)
- ライトノベル (21)
- ライフハック (33)
- ライブラリ (41)
- ラノベ (16)
- ランキング (47)
- ラーメン (22)
- ワロタ (24)
- 世代 (42)
- 世界 (29)
- 中国 (19)
- 事件 (118)
- 人工知能 (32)
- 人生 (620)
- 人間 (52)
- 人間関係 (15)
- 仕事 (595)
- 任天堂 (23)
- 企業 (168)
- 会社 (113)
- 便利 (20)
- 個人情報 (14)
- 健康 (56)
- 入門 (20)
- 公式 (24)
- 写真 (67)
- 分析 (23)
- 切込隊長 (17)
- 労働 (157)
- 勉強 (27)
- 勉強会 (14)
- 動物 (20)
- 動画 (119)
- 医療 (18)
- 参考 (25)
- 可愛い (19)
- 国際 (18)
- 増田 (426)
- 声優 (137)
- 大学 (37)
- 女の子 (61)
- 女子 (31)
- 女性 (87)
- 子供 (29)
- 子育て (18)
- 学び (32)
- 家族 (20)
- 広告 (51)
- 心理 (98)
- 性 (41)
- 恋愛 (184)
- 技術 (136)
- 揉め事 (28)
- 政治 (105)
- 教育 (92)
- 文化 (63)
- 文章 (18)
- 料理 (27)
- 日本 (152)
- 映画 (44)
- 時間 (20)
- 暮らし (23)
- 本 (44)
- 東京 (80)
- 業界 (17)
- 機械学習 (89)
- 歴史 (111)
- 法律 (21)
- 海外 (23)
- 漫画 (140)
- 炎上 (57)
- 犯罪 (69)
- 猫 (20)
- 生き方 (14)
- 生活 (283)
- 生活・人生 (16)
- 男女 (246)
- 画像 (586)
- 研究 (48)
- 社会 (789)
- 科学 (47)
- 税金 (19)
- 組織 (23)
- 経営 (63)
- 経済 (131)
- 結婚 (135)
- 統計 (54)
- 考え方 (436)
- 考察 (34)
- 育児 (39)
- 自民党 (18)
- 自然言語処理 (19)
- 艦これ (26)
- 芸能 (78)
- 萌え (21)
- 著作権 (49)
- 行政 (44)
- 裁判 (28)
- 言葉 (64)
- 言語 (29)
- 設定 (25)
- 設計 (34)
- 読み物 (138)
- 警察 (23)
- 資料 (91)
- 起業 (19)
- 転職 (25)
- 退職 (22)
- 運用 (35)
- 酒 (14)
- 鉄道 (29)
- 開発 (589)
- 開発環境 (21)
- 雑学 (16)
- 韓国 (31)
- 音楽 (101)
- 食 (147)
- ネタ (1269)
- あとで読む (1035)
- 社会 (789)
- webサービス (672)
- web (646)
- *あとで読む (635)
- 人生 (620)
- 仕事 (595)
- 開発 (589)
- 画像 (586)
jQueryとbootstrapに関するsionsouのブックマーク (5)
-
sionsou 2014/01/20
- bootstrap
- ユーザビリティ
- web制作
- github
- css
- jquery
- javascript
- form
- UI
- Web製作
リンク -
Bootstrapに便利な機能を追加できるjQueryプラグインまとめ
Lightbox・モーダルウインドウ関連 / Bootbox.js / Bootstrap-modal他...全17件
-
BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」:phpspot開発日誌
BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」 2013年04月05日- Bootstrap Form Helpers BootStrapのフォーム入力をもっと便利にするための「Bootstrap Form Helpers」。 国、通貨、日付、時間、電話番号、フォント等を入力する際に便利そうなインプットのヘルパーライブラリのご紹介。 次のように、多数のフォーム入力ウィジェットが追加で利用できます。 フォントは見たままで表示されて、selectから選べるので便利そう。 UIデザインもいい感じ。 関連エントリ Bootstrapベースのサイトでサイトの使い方をステップ別にオーバレイ表示できる「Bootstro.js」 BootstrapをベースとしたフリーのUIKit「Flat UI」 Bootstrapのテーマで良い感じに動くオート
-
Bootstrap from Twitter ver1.3.0の使い方を日本語解説して簡単css (web)デザイン - end0tknr's kipple - web写経開発
この解説ページ群の目次 url トップ(このページです) bootstrapの概要「等」 入手と設置(install) http://d.hatena.ne.jp/end0tknr/20111016/1318730072 グリッドシステム http://d.hatena.ne.jp/end0tknr/20111016/1318731266 (固定/可変)レイアウト http://d.hatena.ne.jp/end0tknr/20111016/1318732238 テキスト(ﾍｯﾀﾞ, ﾘｽﾄ, ｲﾝﾗｲﾝﾗﾍﾞﾙ) http://d.hatena.ne.jp/end0tknr/20111016/1318750736 テーブル http://d.hatena.ne.jp/end0tknr/20111016/1318777018 フォーム、ボタン http://d.hatena.ne.jp/
-
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx