[JS]フォームのファイルボタンを画像に変更するスクリプト -Styling File Inputs
Styling File Inputsは、フォームのファイルボタン(input type="file")をJavaScriptとCSSで、好きな画像に変更できるスクリプトです。
Styling File Inputs with CSS and the DOM
実装は簡単です。
「si.files.js」を外部ファイルとして記述し、HTMLは下記のように記述します。
HTMLの記述
<label class="cabinet"> <input type="file" class="file" /> </label>
※labelとinputのclassは、それぞれ変更可能。
画像の差し替えやサイズなどの変更は、スタイルシートを修正します。
Post on:2007年9月12日
Comments
T.O住所録
on 2009年1月25日
アドレス帳に使用したい。
かつじ
on 2009年5月14日
重要資料
kosuke
on 2011年5月13日
i need it!!!