title: Input fields get (readonly) after hit submit button
body: <p>I have a script which is coded in PHP and smarty and I want to make some changes in this script like in user profile setting when a user click on profile setting and fill the profile data like (full name , email , bank account number , bank name , branch code , tile etc) after fill this information and click the save button the script save all setting but I want to make some of form input fields (readonly) after user submitted his/her data I want make this data (readonly) (bank name , account number , branch code , title) I mean about readonly that after user fill this and save it in profile its show to user (readonly) user can't change it only I can change it from database .</p>
  
  <p>Below is the form code</p>
  
  <pre><code>&lt;form id="settingsform" onsubmit="return submitform(this.id);"&gt;
  &lt;input type="hidden" name="a" value="submit" /&gt;
  Bank Name:
                      &lt;/td&gt;
                      &lt;td&gt;&lt;input type="text" name="bank" id="bank" value="{$user_info.bank}"&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                  &lt;td align="right" width="50%"&gt;
                      Bank Account Number:
                      &lt;/td&gt;
                      &lt;td&gt;&lt;input type="text" name="baccount" id="baccount" value="{$user_info.baccount}"&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                  &lt;td align="right" width="50%"&gt;
                      Bank Account Title:
                      &lt;/td&gt;
                      &lt;td&gt;&lt;input type="text" name="btitle" id="btitle" value="{$user_info.btitle}"&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td align="right" width="50%"&gt;
                      Bank Branch Code:
                      &lt;/td&gt;
                      &lt;td&gt;&lt;input type="text" name="bcode" id="bcode" value="{$user_info.bcode}"&gt;&lt;/td&gt;
                  &lt;/tr&gt;
  &lt;input type="submit" name="btn" value="{$lang.txt.send}" class="orange" /&gt;
  </code></pre>
  
  <p>also i am already trying like this below</p>
  
  <pre><code>&lt;script&gt;
  function hide(){
    document.getElementById("bank").disabled = true;
    document.getElementById("baccount").disabled = true;
    document.getElementById("btitle").disabled = true;
    document.getElementById("bcode").disabled = true;
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;input type="button" onClick="hide()" value="save"&gt;
  </code></pre>