<html>
<body>
<form action="MyInserts.php" method="GET">
<a href="http://localhost/login.htm" target="_blank">CLICK HERE TO LOGIN</a>
<br>
<p><u>Create Acct</u></p>
<br>
firstname: <input type="text" name="firstbox"><br>
lastname: <input type="text" name="lastbox"><br>
id number: <input type="text" name="idbox"><br>
<input type="submit" value="Create">
</form>
</html>
只读：
<INPUT TYPE="text" NAME="firstbox" readonly="readonly">
禁用：
<INPUT TYPE="text" NAME="firstbox" disabled="disabled">
不可见：
<INPUT TYPE="text" NAME="firstbox" type="hidden">
更新
READONLY和DISABLED都删除了输入的功能场，但程度不同。READONLY锁定字段：用户无法更改值。DISABLED做了同样的事情，但接受了它此外：用户不能以任何方式使用该字段，而不是突出显示用于复制的文本，不选中复选框，不提交表单。事实上，如果表单是提交。
只读：
<INPUT TYPE="text" NAME="firstbox" readonly>
不可见
<INPUT TYPE="text" NAME="firstbox" style="display: none">
注意：要使用jQuery，必须通过添加以下内容来包含它：
<script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js'></script>
用jQuery隐藏它：
<script type='text/javascript'>
$(function() {
$('input[type="text"]').first().hide();
});
</script>
要禁用它，请将其替换为上面的：
$(function() {
$('input[type="text"]').first().prop('disabled', true);
});
在文本框标签的属性中使用只读
<INPUT TYPE="text" NAME="firstbox" readonly>
添加readonly="readonly"
<INPUT TYPE="text" NAME="firstbox" readonly="readonly">
DEMO
使用CSS:
input[name=firstbox]
{
display: none;
}
或更改html:
<INPUT TYPE="text" NAME="firstbox" readonly>
您可以使用disabled="disabled"示例
<input type="text" name="firstbox" disabled="disabled" />
或readonly="readonly"
<input type="text" name="firstbox" readonly="readonly" />
演示：http://jsfiddle.net/enve/SyDpX/
CSS属性：
- 能见度
- 显示器
HTML属性：
- 只读
- 已禁用
使用此选项禁用文本框：
<INPUT TYPE="text" NAME="firstbox" disabled>