<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Form disable test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="../dist/prototype.js"></script> </head> <body style="font: 0.9em Arial;background: #f5f5f5;"> <form id="test" method="post"> Number <select name="guest[size]"> <option value="0" > 0 </option> <option value="1" selected > 1 </option> <option value="2" > 2 </option> </select> <label for="text">Text</label></td> <input id="form_text" name="form[text]" size="30" type="text" value="" /><br/> <label for="form_radio">Radio</label></td> <td> <input id="form_radio_yes" name="form[radio]" size="30" type="radio" value="1" />yes <input id="form_radio_no" name="form[radio]" size="30" type="radio" value="0" />no </td> </form> <p> <a href="#" onClick="Form.disable(document.forms['test']);">disable</a> <a href="#" onClick="Form.enable(document.forms['test']);">enable</a>