用css怎么设文本框为只读？

<script defer>
for(i=0;i<document.getElementsByTagName("input").length;i++)
if(document.getElementsByTagName("input")[i].type=="text")
document.getElementsByTagName("input")[i].readOnly=true;
</script>
<input>
<input>
<input>
<input type=checkbox>
<input type=button>