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

2017/12/07 91 users Button submit Form 観点 hitode909

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

<input type=image>で送信すると、X,Y座標が送信されるので、調べたら闇だった - それマグで！

2014/12/05 167 users image マク blink Presto Opera

2014-12-05 <input type=image>で送信すると、X,Y座標が送信されるので、調べたら闇だった 復数に分割されたログインID入力が・・・ タイムズカープラスのログインを、ブラウザが学習しない。 Opera(Presto)だと復数にわかれたIDを学習してたのに、Opera(blink)になってから学習しないので、もう面倒だから拡張機能で対応しようとした。 フォームの値をJava... 続きを読む

HTML5 - HTMF5 File API で画像をアップロードしてプレビュー - Qiita

2014/07/10 82 users Qiita onChange プレビュー Files File

<input type='file'/> で画像を選択させる input.onchange が発火するのでコールバックをとる File APIがあれば input.files[0] にFileオブジェクトが入ってるの抜き取る FileReader の FileReader#readAsDataURL に Fileオブジェクトを渡す FileRead#onload が発火するのでevent.targ... 続きを読む

パスワード保存と自動フィルインは違うという話 - 金利0無利息キャッシング – キャッシングできます - subtech

2014/07/08 137 users subtech autocomplete password

何か input type="password"のautocomplete="off"をメジャーなブラウザが全て無視するようになったという話があるのですが http://www.slideshare.net/hebikuzure/autocomplete-off 実のところブラウザごとに細かい挙動が違います http://gyazo.com/e06c6d63521249f7a99a2a7c075c... 続きを読む

input type = password autocomplete = off は使ってはいけない

2014/07/05 207 users autocomplete password OFF

Full Name Comment goes here. 12 hours ago Reply Edit Delete Spam Block input type = password autocomplete = off は使ってはいけない Presentation Transcript <input type="password" autocomplete="off"/> は 使ってはいけない... 続きを読む

HTML5で追加されたinput typeのブラウザ対応について検証してみた。 | 株式会社LIG

2013/07/24 140 users 株式会社LIG HTML5 ブラウザ対応

search、tel、url、email以外は対応状況が微妙です。 week、colorのみiPhone・Androidに対応していませんでした。 numberはFirefoxは対応していませんが、iPhoneでキー配列が数字になるため、適宜使用したいところです。 フォームの見た目 各typeを対応ブラウザで見た時の見た目の参考です。 今回はMac Chromeのキャプチャですが、各ブラウザによっ... 続きを読む

Backbone.jsでつくるMVPなUIパターン【リスト】 ｜ クラスメソッド開発ブログ

2013/03/04 79 users Backbone.js クラスメソッド開発ブログ リスト

今回はBackbone.jsを使ってフォームから追加し、削除できるリストを作ってみたいと思います。デザインは前回同様Twitter Bootstrapで作成しました。 htmlはこちら！ <div id="ui-list"> <div class="list-controls"> <form> <div class="input-append"> <input type="text" placeh... 続きを読む

js で利用する DOM の名前をどうやってつけたらよいのか - willnet.in

2013/03/03 238 users DOM Button update value class

js で DOM をゴニョゴニョしたい時、きっと皆さんは id や class で DOM に名前を付けて、その名前を利用して js の処理を書いていると思います。 例えば<input type="button" class="update" value="更新" />のようなボタンがあったとして、 js 側で更新処理を書くときには下記のように書きます。 $('.update').on('clic... 続きを読む

CSSでiOS風の選択ボタンをつくるチュートリアル。（CSS おれおれ Advent Calendar 2012 – 10日目） | Ginpen.com

2012/12/11 71 users Ginpen.com rAdio Label チュートリアル

CSS おれおれ Advent Calendar 2012 – 10日目 iOSの選択ボタン。HTMLでいうラジオボタン的なもの。”Segmented Control”というらしいです。 Segmented Control風ラジオボタン。 HTML こんな感じです。 <p> <span class="segmented"> <label><input type="radio" name="frui... 続きを読む

[CSS]CSS3を使って美しい検索フォームを実装するチュートリアル | コリス

2012/02/15 109 users コリス searc Lighter span Form

CSS3の角丸やグラデーションを少しだけ使って、美しい3種類（ライトグレー・ダークグレー・グレー）の検索フォームを実装するチュートリアルを紹介します。 デモページ 実装 HTML デモ3種類のHTMLは基本的に全て同じで、親のdiv要素のclassが異なるだけです。 <div class="lighter"> <form> <span><input type="text" class="searc... 続きを読む

リッチなオートコンプリートを実装できるjQueryプラグイン「ComboGrid」:phpspot開発日誌

2011/10/04 78 users オートコンプリート text ユーザビリティ グリッド ヒント

jQuery ComboGrid Plugin リッチなオートコンプリートを実装できるjQueryプラグイン「ComboGrid」。 input type="text" に文字を入れて、候補が表示されたりするオートコンプリートがありますが、そのオートコンプリートをグリッドにしてリッチにし、よりヒントを多くすることでユーザビリティを上げるような使い方が可能。 表データがあって、その中から選んでもらい... 続きを読む

[CSS]にょいーんとアニメーションでパネルを表示するスタイルシート | コリス

2011/09/02 65 users checkbox コリス None display CSS

JavaScriptやFlashを使用せず、パネルをにょいーんとアニメーションで表示・非表示するスタイルシートを紹介します。 デモページ 実装 デモページを例に実装方法を紹介します。 HTML 最初のチェックボックスはdisplay:none;で非表示で、その後にlabel要素を実装します。 <input type="checkbox" id="doggiezzz" class="popUpCon... 続きを読む

ホーム | freenote

2011/07/31 183 users freenote checkbox remember ホーム

freenote<input type="checkbox" name="remember" value="1" id='remember' /> 次回から自動的にログイン ※パスワードを忘れた方はこちら 続きを読む

IFRAMEを使って非同期にファイルをアップロードするサンプル - PHPプロ！ニュース

2006/12/04 112 users iframe XMLHttpRequest PHPプロ 構成

anyExample.comにて、PHPを用いて作成したIFRAME & JavaScriptによるファイルアップロードのサンプルスクリプトが掲載されています。 通常、Ajax(XMLHttpRequest)を使用して<input type="file">によるファイル送信はできませんが、IFRAMEをうまく活用することで非同期ファイルアップロードが可能になります。 このスクリプトの基本的な構成は... 続きを読む

君の発売日 - ドラッグで複数のチェックボックスをチェックする

2006/06/22 89 users ドラッグ チェックボックス 複数 prefs 発売日

■[javascript]ドラッグで複数のチェックボックスをチェックする 23:39 http://skit.dip.jp/lab/js/draggable_checks つくった。table,ol,ulに対応。 <h2>旅行したいところは？</h2> <ul id="prefs"> <li><label><input type="checkbox" name="prefs[]" value="1... 続きを読む

naoyaのはてなダイアリー - XMLHttpRequest でファイルのアップロードができないか?

2005/10/05 61 users XMLHttpRequest プレビュ naoya File

■ XMLHttpRequest でファイルのアップロードができないか? ブックマーク経由でみかけたCodeWeb: 画像をアップロードする前にサムネイルを表示させる。 では、JavaScript を使ってファイルをアップロードする前にプレビューする方法が紹介されてました。input type="file" な input 要素の onchange ハンドラでごにょるというもの。 一方で、プレビュ... 続きを読む