文本框只读属性的设置方法

发布时间：2015-11-06 16:29:17作者：知识屋

演示如何给文本框设置只读属性,教你方法是什么,其实很简单,在文本框属性内再增加 readonly="true"其实就可以了,意思是"只读"=真,用户在文本框上不能输入也不能修改原有的字符.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>设置文本框的只读属性-www.zhishiwu.com站长入门频道</title>
<script type="text/javascript">
function Mycheck(){
  if (document.form1.UserName.readOnly){
    alert("用户名文本框为只读属性!");return false;
  }
  else return
    return true;
}
</script>
</head>
<body style="font-size:12px">
<table width="783" height="477" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="210" height="111">&nbsp;</td>
    <td width="573">&nbsp;</td>
  </tr>
  <tr>
    <td height="273">&nbsp;</td>
    <td align="center" valign="middle"><table width="90%"  border="0" cellspacing="2" cellpadding="3"> 
      <form name="form1">
        <tr>
          <td width="99" align="left">用户名:</td>
          <td width="399" align="left"><input name="UserName" type="text" id="UserName" value="future" readonly="true" onKeyDown="Mycheck()" onMouseup="Mycheck()"></td>
        </tr>
        <tr>
          <td width="99" align="left">密码:</td>
          <td align="left"><input type="text" name="textfield2" value="future2010" readonly="true"></td>
        </tr>
        <tr>
          <td width="99" align="left">其它信息:</td>
          <td align="left"><input name="textfield4" type="text" size="35" value="这里不能修改" readonly="true"></td>
        </tr>
        <tr>
          <td width="99" align="left">用户等级:</td>
          <td align="left"><select name="Ugrade" id="Ugrade">
            <option value="1">新进成员</option>
            <option value="2">斑竹</option>             
          </select></td>
        </tr>
        <tr>
          <td width="99" align="left">是否锁定:</td>
          <td align="left"><input type="radio" name="Ufig" value="1">
        是
          <input name="Ufig" type="radio" value="0" checked>
        否</td>
        </tr>
        <tr>
          <td align="left">&nbsp;</td>
          <td align="left"><input name="edit" type="submit" class="button" id="edit" value="修 改">
              </td>
        </tr>
      </form>
    </table></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

（免责声明：文章内容如涉及作品内容、版权和其它问题，请及时与我们联系，我们将在第一时间删除内容，文章内容仅供参考）