发表时间:2015-11-06来源:网络
演示如何给文本框设置只读属性,教你方法是什么,其实很简单,在文本框属性内再增加 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"> </td>
<td width="573"> </td>
</tr>
<tr>
<td height="273"> </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"> </td>
<td align="left"><input name="edit" type="submit" class="button" id="edit" value="修 改">
</td>
</tr>
</form>
</table></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
下一篇:一键快速搭建ASP运行环境
中山眼科中心app下载v6.3.1
45.28MB |生活服务
易查车辆违章查询下载v3.2.20
138.59M |生活服务
鞍马司机极速版最新版本下载v6.40.5.0003
151.09MB |系统工具
星徽专车司机端软件最新版本下载v2.0.45
79.47MB |生活服务
临汾云客户端下载v2.1.17 安卓手机版
162.83MB |资讯阅读
jp五十音图app(改名冲鸭日语)下载v1.9.5 安卓版
151.29MB |学习教育
智通三千企业app下载v1.84 安卓版
101.14MB |商务办公
左拍app下载v5.3.1 安卓版
297.16MB |拍摄美化
2011-06-04
2011-06-20
2011-06-04
2011-06-20
2011-06-04
2011-06-04
2022-03-24
2011-06-05
2011-06-04
2011-06-04