Question

<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>

Answer 1

Readonly：

<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做同样的事情，但接受它进一步：用户不能以任何方式使用该字段，不能突出显示复制文本，不选中复选框，不提交形成。实际上，如果表单是，则甚至不会发送禁用字段提交。

Answer 2

Readonly：

<INPUT TYPE="text" NAME="firstbox" readonly>

隐形

<INPUT TYPE="text" NAME="firstbox" style="display: none">

Answer 3

注意：要使用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);
});

Answer 4

在textbox标签的属性中使用readonly，

<INPUT TYPE="text" NAME="firstbox" readonly>

Answer 5

添加readonly="readonly"

<INPUT TYPE="text" NAME="firstbox" readonly="readonly">

<强> DEMO

Answer 6

使用CSS：

input[name=firstbox]
{
   display: none;
}

或更改html：

<INPUT TYPE="text" NAME="firstbox" readonly>

Answer 7

您可以使用disabled="disabled"示例

<input type="text" name="firstbox" disabled="disabled" />

或readonly="readonly"

<input type="text" name="firstbox" readonly="readonly" />

DEMO：http://jsfiddle.net/enve/SyDpX/

Answer 8

CSS属性：

HTML属性：

Answer 9

使用它来禁用文本框：

<INPUT TYPE="text" NAME="firstbox" disabled>

使文本框不可见或只读

9 个答案: