iOS で文字数制限つきのテキストフィールドをちゃんと作るのは難しいという話 - blog.niw.at

2014/07/25 196 users iOS blog.niw.at コード コピペ一発 文字数制限

「そんなん簡単やろ」と思いますよね。 たとえば、「UITextField 文字数制限」でググれば山のようにブログ記事やらコードが出てくるし、Stack Overflow に載ってるコードのコピペ一発で解決しそうに思えませんか? 実は文字数制限をつけたテキストフィールドはそんなに簡単な話ではないのです。 shouldChangeCharactersInRange:replacementString:... 続きを読む

すげー簡単！！WEBに音声認識を取り入れられるぞ！！ - NAVER まとめ

2012/12/25 59 users NAVER Chrome HTML ゲット 音声認識

新年会で盛り上げるアプリを作ろうと思っていろいろ調べていたら、Chromeで音声認識が出来るとの情報をゲット！HTMLに一行プロパティ書くだけで、テキストフィールドが音声認識対応になるみたい。すごく簡単すぎて驚いたので、まとめました。 更新日: 2012年12月23日RSS 続きを読む

クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」:phpspot開発日誌

2012/01/23 75 users phpspot開発日誌 フィールド 実装コード

クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」 2012年01月23日- jQuery TextExt Plugin クールなタグ入力＆オートコンプリート機能付きフィールド実装jQueryプラグイン「TextExt」。 テキストフィールドに入力するとオートコンプリートしつつ次のようにタグ風に入力できるフィールドが実装出来ます 実装コードは次のよう... 続きを読む

[CSS]グラデーションのアニメーションが美しいフォームを実装するスタイルシート | コリス

2011/04/03 60 users コリス DOWNLOAD Webkit系 CSS Safari

CSS3のグラデーションとアニメーションを使用しているため、対応ブラウザはWebkit系（Chrome, Safari）、Firefox4となります。テキストフィールドにフォーカスすると、グラデーションはアニメーションで美しく変化します。HTMLHTMLは、下記のようになっています。 スタイルシートやスクリプトはサイトの「Download」からダウンロードできるので、そちらでご確認ください。 続きを読む

[JS]HTML5の「プレースホルダーテキスト」をスクリプトで実装する旧式と今時の方法 | コリス

2011/03/30 88 users コリス ウェブフォーム placeholder 今時 ブラウザ

HTML5のウェブフォームの機能「プレースホルダーテキスト」をHTML5に対応していないブラウザにも実装する旧式の方法、ModernizrとjQueryを使った今時の方法、の二つを紹介します。HTML5対応ブラウザでは、「placeholder」の値がテキストフィールドに表示されます。 続きを読む

[JS]フォームのフィールドにテキストを表示する軽量スクリプト -autoclear | コリス

2011/02/28 88 users コリス jQuery color 軽量スクリプト フィールド

フォームのテキストフィールドに、入力補助になるテキストを表示し、ユーザーの入力時にそのテキストを消去するjQueryのプラグインを紹介します。テキストフィールドに表示されるテキストには、class名を付与し、スタイルシートでカラーなどを設定することもできます。 デモは、「color:gray;」が指定されています。autoclearの実装HTML表示されるテキストは、title属性内のデータを利用... 続きを読む

テキストフィールドのフォーカス時に背景色を変更する JavaScript

2005/08/21 131 users フォーカス時 JavaScript 背景色 mixi 背景

■ テキストフィールドのフォーカス時に背景色を変更する JavaScript 以下の JavaScript を読み込ませれば、フォームのテキストフィールドにフォーカスした時に、背景に色がつくようになります。今どのフィールドを選択しているのかが視覚的にわかるので便利。 mixi にこの機能がついていたんだけど、onfocus なんてのをいっぱい書いていて非効率的だと思ったので、読み込ませるだけで勝手... 続きを読む