ウェブ上の入力フォームを使って画像などのファイルをアップロードさせたい際には、input要素で作るファイル選択ボックスを使います。しかし、このファイル選択フォームは標準状態ではあまり見やすいUIとは言えない上、CSSを使っても装飾はしにくいのですよね。そこで、ファイル選択フォームそのものをアイコン化(ボタン化)して掲載する方法を使うことで、分かりやすく使いやすいUIにする方法を解説。HTMLにlabel要素などを加えてCSSで装飾するだけで、ファイル選択フォームを簡単にボタンのように見せられます。
↧