[查看演示] 源码如下
----------------------------------------------------------
<html>
<head>
<title>输入框的新属性－51windows.com－www.51windows.Net</title>
<style type="text/css">
<!--
body, td, input {font:menu}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<center>
<h1>
<font color=red>输入框的新属性</font> </h1>
</center>
<br>
<center>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse;padding:4px" bordercolor="#111111" width="600" height="264">
<tr>
<td width="100%" height="264">
<p>（1）disabled属性可以将一种操作屏蔽起来，例如禁止用户选择，点击按钮或者使用TAB键在不同的TEXT间切换。</p>
<p>在FORM标签中使用Disabled属性：</p>
<p> 看上去就是这样：
<input type="button" name="doneButton"
value="确定" disabled>
。</p>
<p> 看上去就是这样：
<input type="text" name="username2" value="51windows" disabled size="20">
</p>
<p>当你的站点有些功能功能尚未完成或者暂时关闭，就这样处理不是非常棒吗？</p>
<form name="form1">
<p>
<input name="text1" type="text" id="text1" value="w386.com" size="20">
</p>
</form>
<p>
<input type="button" name="Submit" value="编辑" onclick="javascript:form1.text1.disabled=false;">
<input type="submit" name="Submit2" value="失效" onclick="javascript:form1.text1.disabled=true;"></p>
<p>注意：使用disabled属性后的区域的值，不能被传递给其他的程序（ASP/CGI）去处理，如果你非要传递请通过隐藏属性去做。即<input
type="hidden" name="username" value="james"></p>
<p>（2）readonly属性顾名思义是“只读”。它将TEXT转化为一个对象，禁止对它进行编辑。</p>
<p>
<input type="text" name="username" value="51windows" size="20">
可以修改<br>
<input type="text" name="partNumber"
value="2000" readonly size="20">
不能修改</p>
<p>以上第二个区域使用了readonly属性， 你虽然可以通过TAB键在多个TEXT区域间切换，但是不能修改已经指定的TEXT区的值。但是它不象Disabled属性那样，可以进行正常的数值传递。</p>
<p>（3）ime-mode:disabled</p>
<p>
<input type="text" name="username" value="51windows" size="20" style="ime-mode:disabled">不能调用出输入法</p>
</td>
</tr>
</table>
</center>
</body>
</html>
<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div> |
