フォーム要素も縦書きに！「Google Chrome 119」より順次導入中／「Chrome 123」までにはすべてのユーザーで有効に【やじうまの杜】

2024/01/18 12 users やじうま 縦書き ユーザー Google Chrome すべて

続きを読む

このCSSなら簡単！フォームのチェックボックス・ラジオボタンとテキストをベースラインに揃えて配置

2021/10/05 39 users CSS 配置 テキスト ラジオボタン ベースライン

フォームの実装で面倒なのがフォーム要素とテキストを揃える、特にチェックボックス・ラジオボタンとテキストをベースラインに揃えることです。 flexboxでalign-item: baseline;を使用すると、チェックボックス・ラジオボタンとテキストを揃えるのは簡単に実装できます。複数行のテキストにも対応します。 <div class="f... 続きを読む

CSSの新しいプロパティ「accent-color」が便利！今までできなかったフォーム要素のカラーを簡単に変更できる | コリス

2021/08/26 17 users プログレスバー コリス CSS ライ 新しいプロパティ

フォーム要素のチェックボックス・ラジオボタン・レンジスライダー・プログレスバーのカラーを簡単に変更できるCSSの新しいプロパティ「accent-color」の基礎知識と使い方を紹介します。 CSS accent-color by Adam Argyle, Joey Arhar 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライ... 続きを読む

たった一行のHTMLコード追加でreCAPTCHAも導入できる、Webフォーム作成サービス「Basin」を使ってみた！ - paiza開発日誌

2018/04/12 31 users reCAPTCHA サーバーサイド 一行 paiza開発日誌

2018 - 04 - 12 たった一行のHTMLコード追加でreCAPTCHAも導入できる、Webフォーム作成サービス「Basin」を使ってみた！ プログラミング初心者 Webサービス紹介 開発ネタ どうも、まさとらん（ @0310lan ）です！ 今回は、面倒なサーバーサイドの設定が不要なうえ、HTMLの記述だけで独自フォームを手軽に作成できる無料Webサービスをご紹介します！ フォーム要素に... 続きを読む

GoogleのAPIで住所入力を超絶楽にするデモ＆サンプル:phpspot開発日誌

2015/05/19 64 users API phpspot開発日誌 一部分 Google クール

Google Address Autocomplete API GoogleのAPIで住所入力を超絶楽にするデモ＆サンプル。 Googleが提供元ということで日本語にも対応しています。 郵便番号からも、住所の一部分からも検索できるので、とにかく便利。 関連エントリ クールでモダンなコンタクトフォームのデモ＆サンプルスクリプト フォーム要素をフラットかつ全デバイスで統一させるjQueryプラグイン「... 続きを読む

一部のAndroidで、特定のフォーム要素をdisabledにすると、以降すべてdisabledに見える | x-fit - クロスフィット -

2013/03/19 25 users クロスフィット disabled x-fit Android

こんにちは。x-fitチーム・エバンジェリストの渡辺です。Android4.1のいくつかの端末で、特定のフォーム要素にdisabledを指定すると、それ以降のコンテンツ全体がdisabledとなってしまう現象が発生しますのでご紹介します。 確認された現象 HTML上のコンテンツにフォームを配置します。チェックボックスか、ラジオボタンのいずれかにdisabledを設定します。通常、disabled属... 続きを読む

textareaやinputでタブの入力を可能にするjQueryプラグイン「Enable tab key」:phpspot開発日誌

2011/07/06 35 users textarea TAB input Key tabキー

textareaやinputでタブの入力を可能にするjQueryプラグイン「Enable tab key」 2011年07月06日- Enable tab key | jQuery Plugins textareaやinputでタブの入力を可能にするjQueryプラグイン「Enable tab key」 通常、textarea上でtabキーを押すと、次のフォーム要素に移動してしまって、TABが入力... 続きを読む

３つの状態を保持できるフォームエレメント実装jQueryプラグイン「jQuery 3 State Switch」:phpspot開発日誌

2011/07/05 31 users phpspot開発日誌 checkbox 状態 rAdio

３つの状態を保持できるフォームエレメント実装jQueryプラグイン「jQuery 3 State Switch」 2011年07月05日- jQuery 3 State Switch Plugin ３つの状態を保持できるフォームエレメント実装jQueryプラグイン「jQuery 3 State Switch」。 フォーム要素といえばcheckboxやradio等がありますが、どちらもchecked... 続きを読む

フォーム要素をクールにするためのjQueryプラグイン集:phpspot開発日誌

2011/06/04 121 users phpspot開発日誌 jQueryプラグイン集 未来 多く

jQuery Plugins for Styling Checkbox & Radio Buttons フォーム要素をクールにするためのjQueryプラグイン集がまとまっていましたのでご紹介です。 プラグインじゃない関数ベースのものもありますが、便利に使えそうです。 未来のサイトでの多くのフォームデザインはどんな感じになっているんでしょうかね。 関連エントリ 斬新なコメントフォームデザイン集 CS... 続きを読む

かなりクールなPhotoshop用フリーUIキット-PSDファイル50個:phpspot開発日誌

2011/04/13 101 users phpspot開発日誌 PSDファイル クオリティ 本番

50 Free PSD UI Kits and Templates for Web Designers かなりクールなPhotoshop用フリーUIキット-PSDファイル50個。 ボタンやフォーム要素やメニュー、パンくずリストといったあらゆるURLパーツが揃ったPSDファイルのまとめエントリです。 ページのモック作成や本番のデザインにも使えそうです。そもそものクオリティが高いものばかりが選ばれてお... 続きを読む

スマートフォン用サイトのUIに使える美しいPSD素材 | Web活メモ帳

2011/04/01 29 users Web活メモ帳 スクロールバー psd タブ PSDデータ

スマートフォン用サイトを作る際に使えそうだったのでメモ。「snow-ui-kit」ではフォームをカスタマイズする際のPSDデータがダウンロードできる。PSDを開くと、ボタン、タブ、スクロールバーからフォーム要素まで含まれているので、 そのまま使うも良し、カスタマイズするも良しです。個人利用、商用利用ともにOKとの事。 ダウウンロードは下のリンクからどうぞ。 続きを読む

フォームの見栄え・使い勝手を強化するjQueryプラグインいっぱい | DesignWalker

2010/06/02 1363 users 過言 ウェブ DesignWalker 方々 ユーザー

お問い合わせやユーザー登録、ログインから商品の注文まで、ウェブでとっても重要なフォーム要素。 このフォームの使い勝手や見栄えはそのサイトの売上や登録に大きく影響するといっても過言ではありません。 フォームの入力項目が多すぎたり、わかりづらかったりすると、せっかく購入やユーザー登録する気になってくれているユーザーの方々も逃げてしまいますよね…。 今回は、フォームのデザインや使い勝手を強化してくれるj... 続きを読む

フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」:phpspot開発日誌

2010/01/12 497 users phpspot開発日誌 title デフォルト値 ヒント 実装

jQuery Form Tips Plugin フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」 フォームにデフォルト値を入れておくことで利用者が何をいれていいのか、というのが直感的にわかり、かつスペースもとらないのでよく使われる手法ですが、実装も超簡単にやりたいですね。 jQuery Form Tips を使えば、フォーム要素の title 属性に値... 続きを読む