Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>input type submit need to be inside of your from tag</p> <pre><code>&lt;form action="" method=""&gt; &lt;input type="submit"/&gt; &lt;/form&gt; </code></pre> <p>/////////////////////////////////////////////////////////////</p> <pre><code>&lt;script type="text/javascript" src="http:////ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; function readURL(input) { if (input.files &amp;&amp; input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#blah').attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } } &lt;/script&gt; &lt;form name="rform" method="get" action="researchers.php"&gt; &lt;h4&gt;Researchers Profile&lt;/h4&gt; &lt;fieldset&gt; &lt;legend&gt;Perosnal Details&lt;/legend&gt; &lt;input type='file' name="image" onchange="readURL(this);" /&gt; &lt;br&gt;&lt;img id="blah" src="profile pic.jpg" alt="your image" width="160px" height="120px" name="image"/&gt;&lt;br/&gt; &lt;table width="600px"&gt; &lt;tr&gt;&lt;td&gt;Name&lt;/td&gt;&lt;td&gt;:&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="rname" maxlength="40" size="50" placeholder="Your Name"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Education&lt;/td&gt;&lt;td&gt;:&lt;/td&gt;&lt;td&gt;&lt;textarea name="edu" rows="3" cols="70" placeholder="Education"&gt;&lt;/textarea&gt;&lt;/td&gt; &lt;tr&gt;&lt;td&gt;Address&lt;/td&gt;&lt;td&gt;:&lt;/td&gt;&lt;td&gt;&lt;textarea name="address" rows="3" cols="70" placeholder="Address"&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Office&lt;/td&gt;&lt;td&gt;:&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="office" size="50" maxlength="50" placeholder="Office"&gt;&lt;td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Fax&lt;/td&gt;&lt;td&gt;:&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="fax" size="50" maxlength="50" placeholder="Fax"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Email&lt;/td&gt;&lt;td&gt;:&lt;/td&gt;&lt;td&gt;&lt;input type="email" name="remail" maxlength="40" size="50" placeholder="Your Email"&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Research Overview&lt;/td&gt;&lt;td&gt;:&lt;/td&gt;&lt;td&gt;&lt;textarea name="overview" rows="10" cols="70" placeholder="Research Overview"&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;Keywords&lt;/td&gt;&lt;td&gt;:&lt;/td&gt;&lt;td&gt;&lt;textarea name="keywords" rows="8" cols="70" placeholder="Keywords"&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;/fieldset&gt; &lt;script type="text/javascript"&gt; function readURL2(input) { if (input.files &amp;&amp; input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#blah2').attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } } &lt;/script&gt; &lt;fieldset&gt; &lt;legend&gt;Projects&lt;/legend&gt; &lt;input type='file' name="image2" onchange="readURL2(this);" /&gt; &lt;br&gt;&lt;img id="blah2" src="information.jpg" alt="your image" width="600px" height="180px" name="image2"/&gt;&lt;br/&gt; &lt;table width="600px" id="project"&gt;&lt;tr&gt; &lt;td&gt;1&lt;/td&gt;&lt;td&gt;&lt;textarea name="pro_1" cols="100" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;&lt;textarea name="pro_2" cols="100" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;&lt;textarea name="pro_3" cols="100" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;/fieldset&gt; &lt;script type="text/javascript"&gt; function readURL3(input) { if (input.files &amp;&amp; input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $('#blah3').attr('src', e.target.result); } reader.readAsDataURL(input.files[0]); } } &lt;/script&gt; &lt;fieldset&gt; &lt;legend&gt;Publications&lt;/legend&gt; &lt;input type='file' name="image3" onchange="readURL3(this);" /&gt; &lt;br&gt;&lt;img id="blah3" src="information.jpg" alt="your image" width="600px" height="180px" name="image3"/&gt;&lt;br/&gt; &lt;table width="600px" id="pub"&gt;&lt;tr&gt;&lt;td&gt;1&lt;/td&gt; &lt;td&gt;&lt;textarea name="pub_1" cols="100" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;&lt;textarea name="pub_2" cols="100" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;&lt;textarea name="pub_3" cols="100" rows="2"&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;/fieldset&gt; &lt;input type="submit" name="savebtn" value="Save"/&gt; &lt;input type="reset" name="resetbtn" value="Reset"/&gt; &lt;/form&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload