How to prevent client from changing critical HTML inputs? : <p>As you probably know, you can use <code>Inspect element</code> in Chrome to modify the web page you're viewing and possibly mess up with <code>radio</code> values (or similar), which you're NOT meant to change, <code>required</code> inputs and much more.</p>

<p>For instance:</p>

<pre><code>&lt;input type='radio' name='example' id='abcd' value='abcd'&gt;
&lt;input type='radio' name='example' id='efgh' value='efgh'&gt;
&lt;input type='text' name='username' id='username' required&gt;
</code></pre>

<p>can be changed to</p>

<pre><code>&lt;input type='radio' name='example' id='OTHER_ID' value='OTHER_VALUE'&gt;
&lt;input type='radio' name='example' id='OTHER_ID2' value='OTHER_VALUE2'&gt;
&lt;input type='text' name='username' id='username'&gt;
</code></pre>

<p>How can I prevent this?</p>
