<form>の外側に送信ボタンを配置する

2022/12/15 117 users Form signin input 外側 属性

Web アプリなどの UI でよくあるのですが、フォームの外側に送信ボタンがあるようなデザインのときに HTML だけで解決する方法があるので紹介します。 form 属性で紐付け <input> 要素の form 属性に <form> 要素の id 属性値を指定することで、フォームと送信ボタンを関連づけられます。 <form id="signin"> <label> メ... 続きを読む

お願いだからWebフォームでは<label>を正しく使ってユーザビリティを上げてくれ | Web担当者Forum

2013/10/15 594 users 安田英久 ユーザビリティ 安田 Web担 法則

Web担トップ « 編集記事一覧 « [コラム] Web担のなかの人――編集部ブログ « 編集長ブログ―安田英久 « お願いだからWebフォームでは<label>を正しく使ってユーザビリティを上げてくれ ««某航空会社の神サポート対応にみた、「例外的な顧客対応がファンを作る」法則 連載編集長ブログ―安田英久 お願いだからWebフォームでは<label>を正しく使ってユーザビリティを上げてくれ 安田... 続きを読む

全日本＜label＞要素マークアップ検定

2013/08/11 297 users ライトニングトーク 川田 部長 一流 入出力

全日本＜label＞要素マークアップ検定 Presentation Transcript 全日本<LABEL>要素 マークアップ検定 2013年8月9日 LLM-UI/UX ライトニングトーク 問題に答えるだけで、 あなたも一流のラベリストになれる！ 川田 寛 Kawada Hiroshi Web技術者コミュニティ html5jえんぷら部 部長 仕事：業務システム案件の技 術支援とか 入出力(UI... 続きを読む

Gmailで「label:^smartlabel_receipt」と検索すると | Blog.IKUBON.com

2013/05/28 165 users PayPal Shopping Gmail 検索窓 使い方

Gmail、こんな使い方があったのですね。ちょっと便利でした。 Gmailの検索窓に「label:^smartlabel_receipt」と入力して検索すると… このように買い物したときに受け取ったメールがぞろぞろと出てきます。Amazon、Google Wallet、iTunes Store、Paypalとよく使うサービスには対応していると思います。 いままで、自分で「Shopping」というラ... 続きを読む

HTML5のさまざまなform要素があなたのブラウザでどのように見えるかのまとめ -Native form elements | コリス

2013/04/16 101 users コリス textarea Disable Button 装飾

HTML5のform要素、input, textarea, select, option, fieldset, legend, label, buttonの各要素とさまざまなタイプをまとめたサイトを紹介します Native form elements 各要素は余計な装飾がない状態で、上がデフォルト、下が入力不可のdisableです。 下記は、Chrome26 for OS XでのHTML5の各フォ... 続きを読む

ちょっと高度にJavaScript／クロージャでイベントハンドラを作る ｜ クラスメソッド開発ブログ

2012/10/18 113 users クロージャ イベントハンドラ jQuery function

前回の解説では、クロージャの「変数が保持される」「変数が隠蔽される」という特徴を使って、アクセサメソッドを作りました。 今回は、「呼ぶたびにクロージャが生まれる」特徴を使ってみます。 繰り返し処理内でイベントハンドラを作る まずは、何の工夫もなくやってみます。今回はjQueryも使います。 $(function() { var data = [ {label:'リンク１', value:1}, {... 続きを読む

Apr.Foolism: とある男子の超便利端末。iPad使いこなし術＋おすすめアプリ

2010/09/11 477 users Foolism Lifehack App ノンフィクション

とある男子の超便利端末。iPad使いこなし術＋おすすめアプリ on 2010/09/12 Label: APP, Apple, iPad, iphone, lifehack ipadのある暮らし iPadの利用シーンや利用スタイルは本当に人それぞれ。しかし無数にあるアプリの組み合わせによっておのおののスタイルに落とし込むことができるのはiPadの大きな魅力。 今回はフィクション（ノンフィクション？... 続きを読む

Apr.Foolism: 迷える全ての日本人に捧ぐ！Facebookが絶対楽しくなる１０のポイント！

2010/05/17 714 users Facebook Foolism Lifehack タック

迷える全ての日本人に捧ぐ！Facebookが絶対楽しくなる１０のポイント！ Label: Apple, Facebook, iphone, IT, lifehack これだけ押さえたら楽しめる！  Facebookに関してAppleとFacebookがタッグを組むのではないかという情報が流れたのは記憶に新しいところ。 ソーシャルウェブを永久に変える iPhoneとFacebookの連携 - 渡部薫... 続きを読む

Apr.Foolism: もう"N"evernoteなんて言わせない&#65281;誰でも簡単にEvernoteを使いこなせるようになる７つの秘訣&#65281;

2010/02/19 852 users Evernote Twitter Lifehack 秘訣 7つ

もう"N"evernoteなんて言わせない！誰でも簡単にEvernoteを使いこなせるようになる７つの秘訣！ Label: iphone, lifehack, Twitter 今度こそEvernoteを使いこなす！ Evernoteはデスクトップ版は使える！という人も多いかもしれないが意外と使い切れないiPhone版のEvernote。今回はこちらも最大限生かす方法を考えることで、皆さんの情報蓄積... 続きを読む

Gmailで使える隠しラベルコマンドいろいろ | P O P * P O P

2007/05/15 403 users Gmail May P O コマンド AM written

Gmailで使える隠しラベルコマンドいろいろ May 16, 2007 2:08 AM written by 100SHIKI Apprentice II 個人的にGmailでよく使っているのは「l:」。「label:」と同義なのですが、2文字しか打たないのでかなり便利です。 そうした隠しコマンド（？）ですが、他にももう少しあるようです。すべて「l:」と組み合わせて使います。 続きを読む