文本输入框另类效果制作

现在网上有着各种各样的导航菜单，可还是有好多朋友问有关本网站菜单的制作方法，我发现好几个网站已经用上了本站的菜单 ，我想好东东应该大家一起分享，所以写了这个菜单制作的教程，供大家学习参考，今天只介绍这个菜单（静态）的制作方法，动态添加我会在下一期写给大家！费话不说，开入正题！

问 题：
怎样才能使文本输入框变暗无法输入？
我的页面要根据我的选择决定我的文本输入框是否可用。我用单选按钮来选择。当我选择不可用的时候，下面的输入框就会变暗无法输入。请问这种功能能实现吗？
<input name="username" id="username" type="text">
<label> <br>
<input type="radio" name="r1" onpropertychange="username.disabled=this.checked">不 可
<input type="radio" name="r1" onClick="onpropertychange="username.disabled=!this.checked"" checked>可 用

不 可 可 用