• 0

Disable form elements? (grey-out tick boxes, text boxes etc.)


Question

I have a simple form:

<form method="POST" action="--WEBBOT-SELF--">
	<!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
	<p>
	<input type="checkbox" name="C1" value="ON" checked> Monday <input type="text" name="T1" size="12" value="09:30 - 23:00"><br>
	<input type="checkbox" name="C2" value="ON" checked> Tuesday <input type="text" name="T2" size="12" value="09:30 - 23:00"><br>
	<input type="checkbox" name="C3" value="ON" checked> Wednesday <input type="text" name="T3" size="12" value="09:30 - 23:00"><br>
	<input type="checkbox" name="C4" value="ON" checked> Thursday <input type="text" name="T4" size="12" value="09:30 - 23:00"><br>
	<input type="checkbox" name="C5" value="ON" checked> Friday <input type="text" name="T5" size="12" value="09:30 - 23:00"><br>
	<input type="checkbox" name="C6" value="ON" checked> Saturday <input type="text" name="T6" size="12"><br>
	<input type="checkbox" name="C7" value="ON"> Sunday <input type="text" name="T7" size="12"></p>
</form>

How would I lock the form elements (basically grey-out tick boxes, text boxes etc.)?

Regards!

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0
<form method="POST" action="--WEBBOT-SELF--">
	<!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
	<p>
	<input type="checkbox" name="C1" value="ON" checked disabled="disabled"> Monday <input type="text" name="T1" size="12" value="09:30 - 23:00"><br>
	<input type="checkbox" name="C2" value="ON" checked disabled="disabled"> Tuesday <input type="text" name="T2" size="12" value="09:30 - 23:00"><br>
	<input type="checkbox" name="C3" value="ON" checked disabled="disabled"> Wednesday <input type="text" name="T3" size="12" value="09:30 - 23:00"><br>
	<input type="checkbox" name="C4" value="ON" checked disabled="disabled"> Thursday <input type="text" name="T4" size="12" value="09:30 - 23:00"><br>
	<input type="checkbox" name="C5" value="ON" checked> Friday <input type="text" name="T5" size="12" value="09:30 - 23:00"><br>
	<input type="checkbox" name="C6" value="ON" checked> Saturday <input type="text" name="T6" size="12"><br>
	<input type="checkbox" name="C7" value="ON"> Sunday <input type="text" name="T7" size="12"></p>
</form>

Link to comment
Share on other sites

  • 0

<form method="POST" action="--WEBBOT-SELF--">
	<!--webbot bot="SaveResults" U-File="fpweb:///_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
	<p>
	<input type="checkbox" name="C1" value="ON" checked disabled="disabled"> Monday <input type="text" name="T1" size="12" value="09:30 - 23:00"><br>
	<input type="checkbox" name="C2" value="ON" checked disabled="disabled"> Tuesday <input type="text" name="T2" size="12" value="09:30 - 23:00"><br>
	<input type="checkbox" name="C3" value="ON" checked disabled="disabled"> Wednesday <input type="text" name="T3" size="12" value="09:30 - 23:00"><br>
	<input type="checkbox" name="C4" value="ON" checked disabled="disabled"> Thursday <input type="text" name="T4" size="12" value="09:30 - 23:00"><br>
	<input type="checkbox" name="C5" value="ON" checked> Friday <input type="text" name="T5" size="12" value="09:30 - 23:00"><br>
	<input type="checkbox" name="C6" value="ON" checked> Saturday <input type="text" name="T6" size="12"><br>
	<input type="checkbox" name="C7" value="ON"> Sunday <input type="text" name="T7" size="12"></p>
</form>

Simple as that eh? Cheers :)

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.