[B! placeholder] tuki0918のブックマーク

tuki0918 id:tuki0918

placeholderに関するtuki0918のブックマーク (5)

PlaceIMG
Digital Strategy, Design, and Development WorkSee some of our best, most challenging projects. Expert Craft CMS DevelopersWe have 10+ years of Craft CMS development experience. The Ultimate Craft CMS vs. WordPress GuideOne of our popular blog posts comparing Craft and WordPress. Best Practices for HTML Background Video OptimizationBig background videos are cool, but be sure to do them right! Place
tuki0918 2013/04/13
placeholder
リンク
placeholder 属性と jQuery で IE にもプレースホルダを
フォームの入力コントロール（input とか textarea）に対して、初期値として入力例などをうっすら表示し、ユーザーへのガイドとして使用するプレースホルダ。HTML5 では、placeholder 属性が新たに追加され、プレースホルダの提供が簡単に行えますが、この属性の値を活かして、未対応環境にもプレースホルダを提供する jQuery プラグインを紹介します。フォームの入力コントロール（input とか textarea）に対して、初期値として入力例などをうっすら表示し、ユーザーへのガイドとして使用する（プレースホルダ）なんてことはよくやります。 HTML5 では、プレースホルダを指定する属性として、まさにそのままの名前が付いた、placeholder 属性が新たに追加され、ブラウザさえ対応していればとても簡単に実現可能になっていますが、今のところ IE が対応していな
tuki0918 2012/11/21
Javascript

placeholder
リンク
HTML5のplaceholder属性をIEでも使えるようにするjQueryプラグイン「ah-placeholder.js」
tuki0918 2012/11/21
placeholder
リンク
input要素の前と後にアイコンを添えたオシャレなフォームを実装するチュートリアル
Coloured 前後+カラーリングのパターン実装 HTML HTMLはシンプルで、アイコンやカラーリングはclassで判別します。  <input placeholder="Type here..." class="ppfix pre em ail" type="text">  <input placeholder="Type here..." class="ppfix post gplus" type="text">  <input pla
tuki0918 2012/07/19
placeholder
リンク
HTML5 の placeholder 属性を jQuery でクロスブラウザに
2011-09-23更新: 一部を修正して Gist に置きました。フォームの入力フィールドにあらかじめテキストを表示させておく「プレースホルダ」。ブラウザの検索バーなんかに見られるような、フィールドが空のときは薄く文字が表示されていて、フォーカスすると消えるあれです。このプレースホルダの機能、HTML5 では input 要素や textarea 要素の placeholder 属性で簡単に実現できます。 <label>お名前 <input type="text" name="fn" placeholder="山田太郎"></label> しかしながら、この placeholder 属性をサポートしているのは今のところ Safari と Chrome のみ。そのほかのブラウザでは無視されてしまいます。そこで、この placeholder 属性をクロスブラウザで扱えるようにする jQu
tuki0918 2012/04/04
html5

クロスブラウザ

placeholder
リンク
1