如何使用HTML使文本框不可点击

3

我希望通过HTML使文本域不可编辑和不可点击。 我已经给标签设置了"readonly=true",但是它仍然可以被点击但不能被编辑。在Safari浏览器中,只读文本区域会被选择。请帮忙解决。我不想让文本域和文本框被选中。谢谢。

5个回答

10

在元素上使用 readonly 属性意味着该元素不可编辑,但当表单提交时字段的值会被提交。

disabled 元素与 readonly 相似也是不可编辑的,但它的值在表单提交时不会被提交。

因此,如果您想提交字段的值,请使用:

<input type="text" name="textbox1" readonly />
否则
<input type="text" name="textbox1" disabled="disabled" />

5
尝试使用disabled="disabled"。这将禁用文本框/文本区域,因此它不会被选中。此外,该值在表单提交时也不会被提交。
对于文本框:
<input type="text" name="textbox1" disabled="disabled" />

对于文本区域:

<textarea name="textarea1" disabled="disabled" /></textarea>

在HTML5中,只有disabled属性可以起作用。值不是必需的。然而,在XHTML Strict中,你需要key & value对。

<td><html:textarea property="eyfXSmsPleTaPleTx" rows="5" cols="50" style="width:100%;" styleClass="formbox" readonly="true" disabled="disabled" ></html:textarea> 这是我正在使用的代码。 - user1859538
双击仍然允许选择文本。 - Matthew Dolman

1
<textarea disabled="disabled"></textarea>

我认为应该使用文本区而不是文本框。另外,对于文本框,您需要使用输入标签。 - Pradip Kharbuja
我非常抱歉。是的,问题出在文本区域上。 - user1859538

1
请尝试这个,希望它能够正常工作,

<input type="text" name="country" value="anytext" readonly>

0

为什么不试试

disabled="disabled"

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接