readonly 属性 -- 表示只读(只能看到,不能修改)的输入域(框)
单击更改“按钮”时text输入域的内容可以更改。
例1：
复制代码 代码示例:
<script type="text/
javascript">
function clearReadOnly(){
document.form1.textfield.readOnly=false;
}
</script>
<form name="form1">
<input type="text" name="textfield" value="111" readOnly>
<input type="button" onclick="clearReadOnly()" value="更改">
</form>
textareaObject.readOnly=true|false
例2：
复制代码 代码示例:
<script type="text/javascript">
function setReadOnly(){
document.getElementByIdx_x('txt1').readOnly=true;
}
</script>
<textarea id="txt1">Hello world....This is a text area</textarea><br />
<input type="button" onclick="setReadOnly()" value="Make read-only" />
注意：
Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。
readonly属性 文本框不能输入
例3：
复制代码 代码示例:
<form name="MyForm" action="#" method="post">
<input type="text" name="textTest" readonly value="myvalue">
<input type="submit" value="提交">
</form>
<?php
$text = $_POST['textTest'];
echo $text;
?>
