activar o desactivar input de html

[jmm87]

hola buen día tengo el siguiente formulario y me gustaría tener los botones desactivados, osea que el cliente pueda ver los datos pero no modificarlos y que cuando yo haga click en un boton q se llame modificar se activen todos los botones desactivados. alguien sabe como hacerlo? gracias

Código HTML:

<form method="post" enctype="multipart/form-data">
                <input type="hidden" name="fotos" value="<?php echo $obj->fotos;?>">
                <div class="wrap-data inline">
                    <div class="label">ID</div>
                    <input class="input1" name="id" value="<?php echo $obj->id;?>" readonly>
                </div>
                <div class="wrap-data inline">
                    <div class="label">Nombre</div>
                    <input class="input2" name="nombre" value="<?php echo $obj->nombre;?>" maxlength="45">
                </div>
                <div class="wrap-data inline">
                    <div class="label">Descripci&oacute;n</div>
                    <textarea class="textarea1" name="descripcion"><?php echo $obj->descripcion;?></textarea>
                </div>
                <div class="wrap-data inline">
                    <div class="label">Descripci&oacute;n Ext.</div>
                    <textarea class="textarea2" name="extensa"><?php echo $obj->extensa;?></textarea>
                </div>
                <?php echo HTML_loadImages($obj->fotos);?>
                
                    <input type="submit" name="modificar" value="Guardar">
                    <input type="submit" name="eliminar" value="Eliminar">
                </div>
                
            </form>
 

[PIRRUMAN]

te muestro un par de formas en las que puedes manuipular los textbox

Código HTML:

<script type="text/javascript">
function activar(){
document.getElementById('mitext').readOnly=true;
}
function desactivar(){
document.getElementById('mitext').readOnly=false;
}
 
function habilitar(){
document.getElementById('mitext2').disabled=false;
}
function deshabilitar(){
document.getElementById('mitext2').disabled=true;
}
</script>
 
con readonly<input type="text" id="mitext" readonly="readonly" value="uno" /><br />
<input type="button" value="desactivar_readonly" onclick="desactivar()"/>
<input type="button" value="activar_readonly" onclick="activar()"/>
<br /><br />
con disabled<input type="text" id="mitext2" disabled="disabled" value="dos" /><br />
<input type="button" value="desactivar_disabled" onclick="habilitar()"/>
<input type="button" value="activar_disabled" onclick="deshabilitar()"/>
 

[EderBarriosCamargo]

Utilizar jquery surgiria el mismo efecto, pero aun mas sencillo.

Código Javascript:

$("#IdDtuImput").attr("Disabled","Disabled");