下沙服装摄影教你在选择框中加入图片!.pdfVIP

下沙服装摄影浩图瀚视教你在选择框中加入图片！ 在网页设计中会有很多的input选择框，很多朋友想美化这些 选择框，在里面加入一些图片，下面就是我自己写的一些代码，希望 能帮助大家，把链接、图片等改下即可！ html head titleinput文本框里面显示小图片 /title meta http-equiv=content-type content=text/html;charset=utf-8 / style type=text/css body { font-family: Arial, Helvetica, Sans-serif; font-size:13px;} #sampleForm label { display:block; margin-top:10px;} #sampleForm input[type=text] { width:200px; border:solid 1px #000; padding:3px 0px;} #sampleForm img { vertical-align:middle; cursor:pointer; } .imageInputWrapper{ width:200px; border:solid 1px #000; } #sampleForm input.inputWithImge { width:175px; border:none; margin-right:5px;} /style script type=text/javascript src=jquery-1.2.6.min.js/script script type=text/javascript $(document).ready(function() { $(.inputWithImge).each(function(){ $(this).add($(this).next()).wrapAll(div class=imageInputWrapper/div); }); }); /script /head body h1input文本框里面显示小图片/h1 h2a href=下沙/a/h2 fieldset id=sampleForm label for=txtNameFull name/label input id=txtName type=text / label for =txtDOBDate of birth/label input id=txtDOB type=text class=inputWithImge / img src=calendar.png alt=Click to popup the clendar! onclick=alert(Popup some calendar here!); / label for=txtBankBank/label input id=txtBank type=text class=inputWithImge / img src=bank.png alt=Click to popup the bank window! onclick=alert(Popup some window here!); / /fieldset button id=btnNothingToDoDo nothing/button /body /html