Change Background For A Section Of A Datapage

[Scottster]

I have a datapage which has some fields that are editable due to their inclusion in a script.  I want to make it clear, though, that a user does not change any of the fields.  I have created the following HTML:

 

<div style="background-color: gray; padding: 10px 0px 10px 10px;"><b class="gray-bg">Automatically Calculated</b>

 

<div style="padding: 3px 0px;">

<div style="width:30.5%; display:inline-block;"><label for="EditRecordSmart_PartsSubTbl_Stage3Completed" style="text-align: left; verticle-align: top;padding: 20px 7px 3px 0px;white-space: normal;color: #000000;font-size: 12px;font-family: Arial;">Completed</label></div>

<input class="cbFormTextField" id="EditRecordSmart_PartsSubTbl_Stage3Completed" maxlength="15" name="EditRecordSmart_PartsSubTbl_Stage3Completed" size="25" style="color: #000000; font-size: 12px; font-family: Arial ; font-style: normal; font-weight: normal; border-color: #D2D6D9 #EEEEEE #EEEEEE #D2D6D9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset; border-width: 1px; border-style: solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; padding: 3px;" type="checkbox" value="" /></div>

 

<div style="padding: 2px 0px;">

<div style="width:30.5%; display:inline-block;"><label for="EditRecordSmart_PartsSubTbl_Stage3DateCompleted" style="text-align: left; verticle-align: top;padding: 20px 7px 3px 0px;white-space: normal;color: #000000;font-size: 12px;font-family: Arial;">Date Completed</label></div>

<input class="cbFormTextField" id="EditRecordSmart_PartsSubTbl_Stage3DateCompleted" maxlength="15" name="EditRecordSmart_PartsSubTbl_Stage3DateCompleted" size="25" style="color: #000000; font-size: 12px; font-family: Arial ; font-style: normal; font-weight: normal; border-color: #D2D6D9 #EEEEEE #EEEEEE #D2D6D9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset; border-width: 1px; border-style: solid; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; padding: 3px;" type="text" value="" /></div>

</div>

 

-------------------------------------------------

This displays correctly, and when the script runs, it fills out the fields correctly.  When submitted (update single record datapage), the data in the fields are not saved.  Can someone explain where I went wrong?

 

Thanks