Activar imput text solo si este esta vacio, y desabilitar cuando este con datos!

[phersondfwerwer]

Hola, quisiera saber si es posible realizar esto.
Tengo lo siguiente:
<input type="text" name="lastname" id="lastname" value="mi_valor">
Quisiera quee este campo estuviera habilitado solo si esta vacio, en caso de que el usuario lo rellene y tras dar click en el boton guardar, el campo se vuelva Readonly para evitar el cambio.

Soy nuevo en esto y no tengo ni idea como realizarlo. :)

[Alexis88]

Se puede, pero cualquiera podría cambiar el valor desde el inspector del elemento. Si no quieres que el valor pueda ser editado estando en un <input>, mejor muéstralo en una etiqueta.

De cualquier modo, lo que buscas hacer, lo puedes lograr verificando la longitud del contenido del elemento.

Código Javascript:

if (elemento.value.length > 0){
    //readOnly
}
 

Saludos

[phersondfwerwer]

Ponerlo en una etiqueta?
Y se puede cambiar desde el inspector de elemento?
entonces el readonly no es seguro.
Tengo un formulario de registro donde recogo todos los datos del cliente. y otro .tpl donde muestro al usuario los datos ingresados.
Pero utilizo readonly puesto que los datos fueron ingresados anteriormente.

Ahora, me puedes explicar como ponerlos en etiquetas?

Gracias :)

[Alexis88]

Una etiqueta es un <label>.

Código HTML:

<label>Ejemplo</label>
 

El valor que se muestre en ella, no será considerado al momento de procesar los datos del formulario, incluso si es editado desde el inspector del elemento. También podrías usar un <span> o simplemente imprimir el dato en el documento sin utilizar un elemento en particular.

Un saludo