[B! フォーム] eedamameのブックマーク

Jxck on Twitter: "定期的に「なぜブラウザのフォームは PUT / DELETE をサポートしないのか？」を調べてははっきりとした収穫無く、また途中までの足取りをちゃんと残さず忘れる。どっかにズバッと理由や背景が書かれたリソースってあるのかな？"

定期的に「なぜブラウザのフォームは PUT / DELETE をサポートしないのか？」を調べてははっきりとした収穫無く、また途中までの足取りをちゃんと残さず忘れる。どっかにズバッと理由や背景が書かれたリソースってあるのかな？

eedamame 2014/03/24

リンク

[JS]スマフォに最適！フォームのラベルをアニメーションでぽんっと表示するスクリプト -Label Better

フォームにフォーカスすると、プレースホルダーに配置したラベルがアニメーションでぽんっと上に移動するjQueryのプラグインを紹介します。デスクトップ用のページで使用してもかっこいいですが、スマフォ用のページにも省スペースを兼ねて使用してもいいですね。デモページ name, mailの他にもpasswordなどのフォームも用意されています。4番目のデモでは、プレスホルダーのテキストとは異なるテキストを表示します。また、デモにはありませんが、ラベルは上・下・左・右に移動させることもできます。 Label Betterの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>

eedamame 2013/11/27

リンク

HTML5 の placeholder 属性を jQuery でクロスブラウザに

2011-09-23更新: 一部を修正して Gist に置きました。フォームの入力フィールドにあらかじめテキストを表示させておく「プレースホルダ」。ブラウザの検索バーなんかに見られるような、フィールドが空のときは薄く文字が表示されていて、フォーカスすると消えるあれです。このプレースホルダの機能、HTML5 では input 要素や textarea 要素の placeholder 属性で簡単に実現できます。 <label>お名前 <input type="text" name="fn" placeholder="山田太郎"></label> しかしながら、この placeholder 属性をサポートしているのは今のところ Safari と Chrome のみ。そのほかのブラウザでは無視されてしまいます。そこで、この placeholder 属性をクロスブラウザで扱えるようにする jQu

eedamame 2012/03/31

リンク

Facebookページに無料でお問い合わせフォームを設置する方法 [図解] | Last Day. jp

フェイスブックが日本でも浸透してきてfacebookページの重要度が高まっています。日本の企業でも無印やANAはフェイスブックページを使ったキャンペーンで多くのファンを獲得しています。まだfacebookページを作ってない方は→facebookページの作り方 – (ファンページ) [図解] 今日はフェイスブックページにお問い合わせフォームを設置する方法を紹介します。 Facebookページにお問い合わせフォームを設置する方法Facebookアプリ「Contact Tab」を利用します。すべて無料です。 Contact TabにアクセスしてLikeをした後に「アプリに移動」をクリック。「Add to your Fan page」をクリック。 Contact Tabを自分のページに追加します。複数フェイスブックページを管理してる場合はプルダウンから選択できます。ページに戻ると「お問い合わ

eedamame 2012/01/04

リンク

はてなブックマーク

タグ

関連タグで絞り込む (4)

フォームに関するeedamameのブックマーク (4)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第4週）

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス