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日
