html中如何让使用js让input标签里的信息变为不可更改状态

html注册页面中如何让使用js让input标签里的信息变为不可更改状态

 <input type="text" id="abc" value="abc">
<script>
document.getElementById('abc').readOnly=true;
</script>