HTMLFormElement.submit は validation を無視するし submit イベントを発火しない - 平常運転

2021/07/16 16 users querySelector Validation Form

日記です。タイトルでほぼすべてがオチてしまった。 const form = document.querySelector('form#ultra-form'); form.submit(); みたいな感じで、 <form> を JavaScript から submit することができるんだけど、この HTMLFormElement.submit は HTML Living Standard ではこう定義されている: Submits the form, bypassi... 続きを読む

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

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

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

JavaScriptを使わずCSSだけで構築したWebチャット | スラド IT

2019/05/17 22 users スラド active GitHubリポジトリ CSS チャット

あるAnonymous Coward曰く、JavaScriptを使わず、CSSだけでWebブラウザ上で動くチャットを実装した人が登場した（ソースコードなどを公開しているGitHubリポジトリ）。 画面上に表示される文字ボタンをクリックして文字を入力し、「submit」をクリックするとそのテキストが送信されるという仕組み。 CSSの「:active」セ... 続きを読む

HTMLとCSSによるボタン作成の方法｜buttonタグやsubmit、linkでの作り方も | creive【クリーブ】

2018/09/04 10 users アクション aタグ コード 書きま ボタン

HTMLとCSSで作るボタンの作り方 では、まず簡単なボタンを作ってみましょう。便利なボタンタグがありますが、ここでは一旦使わずに作ります。以下のようにコードを書いてみましょう。 ボタンを押すことでなんらかのアクションに繋がります。以下ではボタンを押すことで別のページ移動するように、「aタグ」の中に書きま... 続きを読む

CSS Gridを使ったWebサイトのギャラリーサイト・「Grid Examples」 | かちびと.net

2018/02/03 15 users CSS Grid net 自薦 ギャラリーサイト Webサイト

Grid Examples Grid ExamplesはCSS Gridを実際に使用してレイアウトを組んでいるWebサイトのギャラリーサイトです。実例を見て学ぼう、みたいな趣旨みたいです。が、まだほとんど集まってないみたいなですね。自薦も受け付けているようなので我こそはという方はSubmitより情報を提供されてみては。 Grid Examples Post by かちびと.net PR:WPデザイ... 続きを読む

<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... 続きを読む

Rails で form_for の submit ボタンに glyphicon を使う | EasyRamble

2014/04/20 33 users Rails EasyRamble ビルトイン class 以下

Twitter Bootstrap 3 では、ビルトインで glyphicon という便利なアイコン素材を使うことができる。使い方は、以下のように CSS の class で指定します。 [crayon-535331ec […] 続きを読む

Search · kogaidan · GitHub

2013/11/18 16 users GitHub elements search Forms

javascript:(function(){document.forms[0].elements[0].value='dankogai'; document.forms[0].elements[1].value='kogaidan'; document.forms[0].submit();})(); 続きを読む

YAPC::Asia 2013 にて採択されたトークと、気になっているトークについて - myfinderのはてなブログ

2013/07/29 22 users YAPC myfinder リリースサイクル トーク 実行

2013-07-29 YAPC::Asia 2013 にて採択されたトークと、気になっているトークについて YAPC::Asia 2013 に submit していたトークが採択されました&気になってるトークについて書きます。 自分の予定トーク フルテストも 50ms で終わらせたい プロダクトが大きくなってくると、フルテストの実行が遅くなってリリースサイクルが遅くなり、ビジネスチャンスを逃したり... 続きを読む

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」を入力してみました。 続きを読む

デスクトップでもスマフォからでもHTTPステータスコードを簡単にチェックできる -httpstatus.nl | コリス

2013/01/27 33 users HTTPステータスコード コリス レスポンスヘッダ チェイン

複数サーバーのHTTPステータスコード、レスポンスヘッダ、リダイレクト先とチェインをチェックできるオンラインサービスを紹介します。 チェックしたものはCSV書き出しにも対応しています。 HTTP Status Code Checker 使い方は簡単です。 入力欄にチェックしたいURLを入力し、「Submit」ボタンをクリックするだけです。 google.comとcoliss.comをチェック！ U... 続きを読む

自慢の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 続きを読む

レコメンドエンジン導入で閲覧PVと滞在時間が1.4倍向上！ | A!@attrip

2012/10/11 24 users attrip recommend レコメンド 滞在時間 影響

A!@attripでは、おすすめ関連記事や人気記事ランキングを表示するために、さぶみっと！レコメンドを使っています。 本日さぶみっと！レコメンドのWordpressプラグインが公開されたので、早速導入してみました。 WordPress › Submit! Recommend « WordPress Plugins 今回は、レコメンドエンジンの効果がどうなのか、サイトへの影響を調べてみます。 訪問別... 続きを読む

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 と同じように... 続きを読む

近況 - DDoSを受けても動くWebサイトとは

2005/12/11 36 users DDoS Tomcat 近況 サーバ 停止

参考：WILLCOMストアが遅いのはなぜ？　今回のWILLCOMストア祭りで、昨日書いた「停止→戻る→進む→Submit」というやり方が「DDoSと同じなんじゃない？」という話があった。DDoSに近いリクエストが来た場合どうしたらいいんだろう。アプリや設定側ではどうやって備えればいいんだろう？　自宅のサーバと、玄箱にtomcatを入れて試してみるかな… （以下は思いつきなので、これをやればOKとい... 続きを読む

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 になります。この方法を使うとボタンが押されて次の処理に入ろうとしているというのが直感的に分かるのと、二重送信防止にもなるということでユーザビリティが改善で... 続きを読む