横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
ホームページの作成ツール支援と多岐にわたるソリューションを提供します。
:fileフィルターは、フォームの部品選択するフィルター機能のセレクターです。
:file フィルター |
input要素のtype属性が『file』だけを選択できるフィルターです。 書式; $(":file").click(function(){ フィルターの選択要素がクリックされた時に実行する処理 }); |
---|
:fileは、type属性の値が(file)のinput要素を選択するフィルターです。
動作; ファイル選択フォームにカーソルが重なると、ガイダンス文言を表示し、
マウスが外れると文言を削除する。
jQueryの書き方 |
/*------------------------------------ */ // 51-14) ) 1. ファイル選択フォームを選択する :file /*------------------------------------ */ $("#f06:file") .mouseover(function(){ $(this).after("<p class='p061'>アップロードできるファイルは300kbまでです</p>") }) .mouseout(function(){ $("p.p061").remove(); }); |
---|---|
cssの書き方 |
-------------------- |
HTMLの書き方 |
<form action="./php/form_disp.php"
method="post"> 写真:<input id="f06" type="file" name="写真"/> <br/><br/><p> </p> <input id="r06" type="reset" class="btnStd_170 Gray" value="リセット" /> <input id="s06" type="submit" class="btnStd_170 Gray" name="submit" value="送信" /> </form> |