ボタンのラベルには分かりやすい文言が重要、ユーザーが使いやすい文言の選び方 | コリス

2019/06/11 64 users コリス 文言 ラベル タスク ユーザー

ボタンのラベルに「送信（Submit）」や「キャンセル」や「はい/いいえ」しか使わない、という人は注意が必要です。ボタンのラベルはユーザーがボタンをクリックするための重要な要素です。間違った文言を使用していると、ユーザーは混乱し、作業量が増え、タスクにかかる時間が多くなります。 ユーザーがボタンを使いや... 続きを読む

<a>か<button>か - hitode909の日記

2017/12/07 91 users Button Form input type 観点 画面遷移

2017 - 12 - 07 <a>か<button>か クリックできるものがあって， <a> にするか <button> にするか，という話をしていて，いろんな観点があるなと思ったのでメモ． 単なる画面遷移なら <a> 単にformを送信したいときは， <input type="submit"> や <button> <button> はdisabled属性を使って無効状態にできるので，押せない... 続きを読む

Rails の `utf8=✓` の歴史と消し方と snowman ☃ - Qiita

2015/06/08 58 users Hidden snowman Form value type

Rails の form_tag や form_for で form を作成すると <input name="utf8" type="hidden" value="✓"> という input 要素が自動で追加されて、submit すると utf8=✓ というパラメータが付いてくる。これの歴史と消し方を調べた。 Rails3 で、Internet Explorer 5、6、7、8 にパラメータを U... 続きを読む

jQueryでフォームをAjax送信する際の基本パターンのチュートリアル。二重送信の防御とか。 | Ginpen.com

2013/05/07 317 users jQuery Ajax Ginpen.com チュートリアル

仕事の進みがちょいとアレなので、現実逃避もとい気分転換に。 フォームの入力内容を、jQuery.ajax()を使ってサーバーへ送信したいって時のパターンです。 基本的な流れ フォームのsubmitを拾う 通常の送信はキャンセル 送信ボタンを無効化 送信先URLやフォームの入力値を取得 送信 受信後、送信ボタンを戻す 入力値をどう得るか、というのがポイントかと思います。 送信ボタンを無効化するっての... 続きを読む

地味だけどかなり便利！指定したカラーにホワイトとブラックを加えてカラーパレットを作成するサービス -HEXCOLORTOOL | コリス

2013/04/01 166 users コリス ネクタリン カラーパレット カラー かなり

HEXCOLORTOOL サイトにアクセスし、「6 DIGIT HEXIDECIMAL」にカラーコードを入力します。 ホワイトを加える場合は「Lighten」、ブラックを加える場合は「Darken」をチェックし、「Submit」ボタンをクリックします。 カラーにネクタリン「ff884e」を入力してみました。 続きを読む

自慢のWebデザインをもっと広めたい！自薦で登録できるWebデザインギャラリーサイト20 | Webクリエイターボックス

2012/11/20 360 users 自薦 他薦 Webクリエイターボックス 自慢 webデザイン

デザインの参考になるのはもちろん、見ているだけで楽しくなるWebデザインのギャラリーサイト。海外のギャラリーサイトでは英語圏以外の国のサイトも多数紹介されていますが、日本語サイトを見かけることが少ないですね。そこで今回は自薦・他薦問わずおすすめサイトの申請ができる国内外のギャラリーサイトをいくつか紹介します。 英語サイトでは「Submit」と書いているページから登録できます。もちろん中の人のチェッ... 続きを読む

The Useless Web

2012/11/09 169 users web

The Useless Web Button... take me somewhere... uselessThe Useless Web... because some websites, we just couldn't do without - By Tim Holman - @twholman - submit 続きを読む

Tumblrが立ち上げたオリジナルコンテンツだけを集めるページ『REBLORG』 - K'conf

2012/08/08 55 users tumblr K'conf Tumblrユーザー ほか ビデオ

先日Tumblrが立ち上げた新しいページ『REBLORG』はユーザーが作ったオリジナルのコンテンツだけを集めて公開するページ。「自身で新しく作ったもの」でありさえすれば誰でも投稿でき、コンテンツもビデオや画像・音楽・詩などTumblrからアップできるものであれば何でもOKということです。 投稿はサイト上の『Submit』から行えるほか、Tumblrユーザーであれば『#reblorg』タグを付けて投... 続きを読む

Easy CSRF Key - PHPでお手軽にCSRF対策するやつ

2012/02/15 52 users CSRF対策 Demo Hidden require Name

PHPで、おてがる簡単にCSRF対策するやつ。 デモ Easy CSRF - Demo (つかいかた) 1. 適当にrequireする。 require 'easy_csrf.php'; 2. 適当にsession_start()しておく。 session_start(); 3. (HTML) submitの手前に次の一文をいれる &ltinput type="hidden" name="<?= ... 続きを読む

CSSだけでスタイリッシュな角丸ボタンが作れる『Sexy Buttons』が便利そう - IDEA*IDEA ～ 百式管理人のライフハックブログ

2010/02/24 414 users IDEA CSS span ライフハックブログ 角丸ボタン

ちょっと素敵なCSSファイルのご紹介。 このCSSを読み込んで、簡単なマークアップをするだけで簡単にスタイリッシュな角丸ボタンが作れますよ。 ↑ こんなのが一発で作れます。 マークアップは以下のとおり。spanが二つあるのがまぁ、あれですが。 <button class="sexybutton"><span><span><span class="ok">Submit</span></span></... 続きを読む

二度押し防止の onsubmit で disable にするやつ :: Drk7jp

2008/04/12 514 users onsubmit Disable naoya ユーザビリティ

二度押し防止の onsubmit で disable にするやつ もう２年ほど前に話題になったアレなんですけど、今更ながらあるサービスでこの仕組みの導入を検討しています。 onsubmit で submit ボタンを disable にしてユーザビリティを良くする - naoyaのはてなダイアリー submit ボタン disable 技の罠 - naoyaのはてなダイアリー onsubmit で... 続きを読む

HTML JS版 Apollo アプリを作ってみる [てっく煮]

2007/03/22 157 users Apollo XMLHttpRequest Form ソース

次に、rss-simple.js を作成します。こちらも JavaScript が分かる人なら説明は不要なぐらいシンプルなソースにしたつもりです。form の submit イベントをハンドリングして、指定された URL を XmlHttpRequest で取得し、HTML で出力しています。Apollo アプリといっても、ネットワーク通信を行うだけなら、通常の JavaScript と同じように... 続きを読む

onsubmit で disable にするやつ

2005/08/09 114 users onsubmit disabled バカウケ Disable

■ onsubmit で disable にするやつ onsubmit で submit ボタンを disable にしてユーザビリティを良くする フォームを送信した時に、submit ボタンを disabled にして二重送信を防ぎましょう、というのがナウなヤングにバカウケ？ そんでもって、ここに書いてあるやつ なら、そこの JavaScript を読み込ませるだけで、自動的に全てのフォームに対... 続きを読む

submit ボタン disable 技の罠 - naoyaのはてなダイアリー

2005/08/04 108 users naoya onsubmit Disable ユーザビリティ

昨日のonsubmit で submit ボタンを disable にしてユーザビリティを良くするにはちょっとした罠があって、それに気付かずに使うとはまってしまうかもしれないので、それもちょっと書いておく、というか今日僕自身がはまったわけだが。罠というのは、type="submit" な input 要素、つまりは submit ボタンを onsubmit ハンドラで disable するまでは良... 続きを読む

naoyaのはてなダイアリー - onsubmit で submit ボタンを disable にしてユーザビリティを良くする

2005/08/03 199 users onsubmit Shopping Disable http

先の Yahoo! Shopping のアプリケーションで、今度ちょっとやってみようと思ってたことを実装してみた。http://bloghackers.net/~naoya/ys/app.cgiボタンを押したときに、そのボタンが disable になります。この方法を使うとボタンが押されて次の処理に入ろうとしているというのが直感的に分かるのと、二重送信防止にもなるということでユーザビリティが改善で... 続きを読む