Friday, 3 August 2012

HTML Photo Upload Form



Step:1
Copy this  Code 

<style type="text/css">
<!--
body,td,th {
                color: #000;
}
body {
                background-color: #f8f8fc;
                color: #930;
}
-->
</style></head>
<div id="photo_upload" align="left" style="background-color:#060; color: #000;">
<form action="images" method="post" enctype="multipart/form-data" name="form"  target="_parent" id="form">
  <table width="522" border="0">
    <tr>
      <th width="82" align="right" scope="row">&nbsp;</th>
      <th width="242" align="left" scope="row">Upload photo</th>
      <th width="184" align="left" scope="row"><a href="images">View images</a></th>
    </tr>
    <tr>
      <th align="right" scope="row">&nbsp;</th>
      <th colspan="2" align="left" scope="row"><label for="fileField"></label><input type="file" name="browse"></th>
    </tr>
    <tr>
      <th align="right" scope="row">&nbsp;</th>
      <th colspan="2" align="left" scope="row"><input type="submit" name="button" value="Submit"></th>
    </tr>
    <tr>
      <th align="right" scope="row">&nbsp;</th>
      <th colspan="2" align="left" scope="row">&nbsp;</th>
    </tr>
  </table>
  <p>&nbsp;</p>
</form>
</div>

Step:2
Open Notepad++ Paste  This Code
Step:3
Save this  Code upload_photo.html

Step:4
Create  Folder images  Then Open Upload_photo.html  and upload photo
 
Thank you



No comments:

Post a Comment