JavaScriptやSEO対策、CSS、Movable Typeなどの情報を発信

to-R

フォームへの入力を操作する

フォームを作成する際に文字の制限ってどうしてます？
私はjavascriptとphpで確実に制限しているのですが、
ちょっとすばらしい方法を知ったので披露しときます。
cssを使って半角しか入力させない方法です。
【ソース】

■通常<br>
<input type="text"><br>
■CSS使用<br>
<input type="text" style="ime-mode:disabled">

【ブラウザ】

■通常

■CSS使用


IEでしか動作しなかったりと結構使いどころが難しいです。
phpやcgiなどのサーバーサイドでの処理を忘れずに。。

スポンサードリンク

• 日時: 2005年7月20日 23:26
• css

«googleのリンク数を見る | メイン | テキストフィールドを入力不可にする»

このエントリーのトラックバックURL

http://blog.webcreativepark.net/cgi/mt/mt-bt.cgi/468

コメントを投稿

名前:

メールアドレス:

URL:

この情報を登録しますか?

コメント:

認証:

検索

フィード

 RSSリーダーで購読する

著書

Web制作の現場で使う
jQueryデザイン入門

HTML+CSSコーディング
ベストプラクティス

現場のプロから学ぶXHTML+CSS

スポンサードリンク

人気エントリー

• WEB製作者の為のSEOチートシート
• jQuery基礎文法最速マスター
• ユーザーがページのどこをクリックしたか解析するツール
• SEO対策ツールまとめ
• ブロックレベル要素の高さを揃えるheightLine.js

カテゴリー

• ajax [7]
• amazon [3]
• books [59]
• cms [0]
• css [59]
• design [21]
• dialy [70]
• direction [4]
• firefox [21]
• flash [5]
• freelance [5]
• google [15]
• html [15]
• jQuery [4]
• javascript [76]
• mac [2]
• movable type [71]
• php [34]
• sem [9]
• seminar [42]
• seo [61]
• server [14]
• spry [19]
• sql [9]
• tools [45]
• wordpress [9]
• writer [47]

アーカイブ

• 2010年8月 [6]
• 2010年7月 [8]
• 2010年6月 [11]
• 2010年5月 [4]
• 2010年4月 [8]
• 2010年3月 [6]
• 2010年2月 [10]
• 2010年1月 [5]
• 2009年12月 [8]
• 2009年11月 [5]
• 2009年10月 [8]
• 2009年9月 [8]
• 2009年8月 [7]
• 2009年7月 [6]
• 2009年6月 [14]
• 2009年5月 [6]
• 2009年4月 [8]
• 2009年3月 [10]
• 2009年2月 [11]
• 2009年1月 [5]
• 2008年12月 [11]
• 2008年11月 [7]
• 2008年10月 [9]
• 2008年9月 [8]
• 2008年8月 [9]
• 2008年7月 [12]
• 2008年6月 [10]
• 2008年5月 [18]
• 2008年4月 [16]
• 2008年3月 [18]
• 2008年2月 [17]
• 2008年1月 [14]
• 2007年12月 [23]
• 2007年11月 [25]
• 2007年10月 [26]
• 2007年9月 [28]
• 2007年8月 [14]
• 2007年7月 [11]
• 2007年6月 [16]
• 2007年5月 [14]
• 2007年4月 [15]
• 2007年3月 [11]
• 2007年2月 [19]
• 2007年1月 [11]
• 2006年12月 [15]
• 2006年11月 [15]
• 2006年10月 [12]
• 2006年9月 [7]
• 2006年8月 [11]
• 2006年7月 [12]
• 2006年6月 [18]
• 2006年5月 [19]
• 2006年4月 [9]
• 2006年3月 [12]
• 2006年2月 [9]
• 2006年1月 [4]
• 2005年12月 [8]
• 2005年11月 [13]
• 2005年10月 [5]
• 2005年9月 [1]
• 2005年8月 [13]
• 2005年7月 [26]

最近のエントリー

• 9月・10月セミナー情報 [香川]
• HTML+CSSコーディング　ベストプラクティス発売
• jQueryでiPhone/iPadの向きを検出する
• iPhone/iPadでダブルタップをJavaScriptで実装する
• iPhone/iPadでPCと同じJavaScriptのイベントを実装する
• [書評]効率的なサイト作成のためのDreamweaverの教科書
• Yahoo!JAPANがGoogle検索エンジンを採用
• [書評]iPhoneとツイッターで会社は儲かる
• PC用とiPhone用のサイトを切り替える.htaccess
• jQueryデザイン入門が紀伊國屋書店BookWebのランキングで1位に

コンテンツ

• 当サイトについて
• ブックマーク
• タグ一覧
• お問い合わせ

リンク

• WEBクリエイターSOHP
• twitter

このblogを書いてる人

西畑一馬(to-R代表)
Kazuma Nishihata
Webクリエイター

photo by
s-style-arts

items

タグクラウド

(x)html .htaccess a a-blog CMS adobe AdSense Ajax alphafilter.js ASCII.jp blog book CakePHP CentOS CGIPath cms CMS Designer CSRF CSS cssnite csv Delicious dell display dl dom Dreamweaver dt ESET Smart Security Facebook Fastladder favicon feed Feedburner FFFTP firebug firefox Fireworks flash float google Google Chrome Google Maps API Greasemonkey heightLine.js Html Validator HTML+CSSコーディング　ベストプラクティス ie IE6 IE7 IE8 IE9 imedio iPad iPhone JavaScript javascript jQuery JSON JSONP jsライブラリ li LightBox Livedoor Reader livedoorクリップ lpo mac Mac People margin max-height max-width meta min-height min-width mixi Movable Type MT ol onload Opera pagerank pc photo PHP position Prototype.js qrコード RCMS Re:Creator's Party Kansai rss sbm sbo script.aculo.us Scuttle sem SEO SEO対策 smarty smo SOY CMS SpamLookup spry SQLインジェクション Subversion table Thunderbird tool TortoiseSVN Twitter ul urlエンコード URL短縮 vertical-align vi Virtual PC VMware Player VMware Server VMWare Tools Web creators Web Designing WebRelease 2 Webridge Kagawa webSig24/7 webクリエイター Webディレクション Webディレクター Web制作の現場で使うjQueryデザイン入門 web標準 Web標準の日々 Wordpress xhtml XML XSS yahoo Yahoo!ブログ検索 YUI あわせて読みたい お問い合わせフォーム はてな アップデート アドオン アルファ画像 イメディオ インクルーシブデザインワークショップ カスタムフィールド カラム キーワードアドバイスツール キーワード出現頻度解析 クリエイティブ・コモンズ クリック クリップボード グローバル・タグ・アトリビュート コンテスト コード サイバーガーデンbiz スタイルシート セキュリティー セミナー タグクラウド ツールチップ トラックバック バグ ビジネスエクスプレス フィード フリーランス ブックマークレット プラグイン マクロ マークアップエンジニア モバイル ユーザビリティ ライブラリ ロールオーバー 一言いっとくか 再構築 勉強会 動画 執筆 拡張機能 書評 検索エンジン 検証 独立 現場のプロから学ぶXHTML＋CSS 画像置換 百度 確定申告 秀丸 経度緯度検索 翻訳 解析 透過png 重複コンテンツ 開業届け 青色申告

Movable Type

© 2005-2009 to-R[西畑一馬] some Rights Reserved.