¿Cómo puedo hacer que un campo de entrada sea de solo lectura pero aún así enviar datos a un formulario?

Tengo un campo de entrada:

<input cid="Topic_Created" name="Topic.Created" size="25" type="text" value="6/5/2011 8:22:45 AM" />

Quiero que el campo se muestre en mi formulario, pero no quiero que el usuario pueda editar el campo. Cuando el usuario hace clic en enviar, quiero que el valor del formulario se envíe de vuelta al servidor.

Es posible. Probé diferentes combinaciones de disabled = "disabled", readonly = "readonly". Parece que siempre no me devuelven nada para el campo.

Agregar un campo oculto con el mismo nombre enviará los datos cuando se envíe el formulario.

<input type="hidden" name="my_name" value="blablabla" />
<input type="text" name="my_name" value="blablabla" disabled="disabled" />

Suponiendo que está utilizando un script para crear el formulario, le sugiero que utilice <input type="hidden" /> que enviará la variable con el formulario, pero también usará un <input type="text" readonly="readonly" /> para mostrar la variable al usuario. Esto no enviará el valor, obviamente, pero voluntad hacerlo visible (mientras que el hidden input enviará el valor, pero no mostrar el valor).

También puedes hacer esto con JavaScript:

var theForm = document.getElementsByTagName('form')[0];
var inputs = document.getElementsByTagName('input');

for (i=0; i<inputs.length; i++){
    if(inputs[i].type == 'hidden'){
        var newInput = document.createElement('input');
        newInput.type="text";
        newInput.setAttribute('disabled');
        newInput.value = inputs[i].value;
        theForm.appendChild(newInput);
    }
}

Demostración torpe de JS Fiddle.

Con el navegador Chrome en Windows 10, solo tiene name=”your_name” y los atributos de solo lectura funcionan bien: el cliente no puede cambiar un valor, pero se envía al servidor.

alternativamente, puede hacer una pequeña manipulación con javascript, eliminar la propiedad deshabilitada antes de enviar el formulario

<form action="target.php" method="post">
<input type="text" id="anu" name="anu" value="data anu" disabled="disabled" />
<button onclick="document.getElementById('anu').disabled=''">send</button>

<script type="text/javascript"> 
    function myFn(event) { 
        event.stopPropagation(); event.preventDefault(); 
    } 
</script> 

<input onkeydown="myFn(event)" >

Puede agregar ‘readonly’=’true’ en el elemento de entrada. Con esto, el usuario no puede editar y también enviar el valor al servidor.

<input cid="Topic_Created" name="Topic.Created" size="25" type="text" value="6/5/2011 8:22:45 AM" readonly='true' />

Deberías considerar usar la entrada tipo = “oculto” al enviar campos de solo lectura. De lo contrario, si aún necesita que el valor del campo de entrada sea visible, debe crear otra entrada (tipo = texto) con un nombre diferente.

<input cid="Topic_Created" name="Topic.Created" type="hidden" value="6/5/2011 8:22:45 AM" />
<!--This is visible: -->
<input cid="Topic_Created" name="doesntmatter" size="25" type="text" value="6/5/2011 8:22:45 AM" />