input:file 要素を表示しないで、ファイルをアップロード | @jsakamoto
「Upload image...」と書かれたボタンをクリックすると、ファイル選択のダイアログが表示されるはずだ。 そこで .png や .jpg 等、適当な画像ファイルを選択してOKすると、即アップロードが始まる。 アップロードが完了すると、そのアップロードした画像をそのままページ上に表示する、そういうアプリになっている。 ※画像以外のファイルもアップロードできてしまうが、あくまでサンプルなので、画像以外がUpされた場合の対処とかは行っていない。ご勘弁を。 ※アップロードした画像はどこにも保存はしていない。そのアップロード結果のページを生成するときに img 要素の data uri を生成しているだけである。 この Web サイトのポイントは、Adobe Flash や Microsoft Silverlight、Java などのプラグインを使うことなく、ごくごく単純な input ty
input type="file" なやつを独自にデザインする方法 - ダーシマ・ヱンヂニヤリング
デモ HTML <div class="file"> ファイルを選択 <input type="file"/> </div> CSS .file { display: inline-block; overflow: hidden; position: relative; padding: .5em; border: 1px solid #999; background-color: #eee; } .file input[type="file"] { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); position: absolute; right: 0; top: 0; margin: 0; font-size: 100px; cursor: pointer; } 対応ブラウザ 以下のブラウザ
Internet Explorer (Windows) CSSバグリスト
テキスト入力フォームの幅が文字入力時に変化する(5.5/6.0) 2003-12-10修正。内容を整理。 症状 <input type="text">、<input type="password">およびtextarea要素が以下の条件を満たすとき、入力領域に何らかの文字を入力した時にその幅が広がる。 input, textarea要素のwidthプロパティを%単位の値で指定している。 （input要素のみ）line-heightプロパティにnormal, inherit以外の値を指定している。 input, textarea要素の祖先要素に左マージンや左パディングを指定したものがある（body要素を除く）。 例示 <form> <div style="margin-left:3em;"> <input type="text" style="width:30%; lin
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
