HTML input kutusunu kilitleme yaparak içersine kullanıcıdan değer girmesini engellemek için iki farklı yöntem kullanılabilir.

Yöntem 1: disable niteliğini kullanarak input kutusunu etkisiz hale getirebilirsiniz.

NOT: Bu yöntemde form gönderilirken disable yapılan element gönderilmeyecektir.

<!DOCTYPE html>  <body>     <form>         <input type="text" value="123456" disabled>         <input type="submit">     </form> </body> </html>

Çıktı:

Yöntem 2: readonly niteliğini kullanarak kullanıcının veri girişini kilitleyebilirsiniz. Bu kutuda bulunan değerlerler form gönderilirken gönderilir.

<!DOCTYPE html>  <body>     <form>         <input type="text" value="12346" readonly>         <input type="submit">     </form> </body> </html>