`
ldzyz007
  • 浏览: 716523 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

HTML让表单 文本框 只读不可编辑的方法

    博客分类:
  • web
阅读更多
1: onfocus=this.blur()
<input type="text" name="1" value="1" onfocus=this.blur()>

2:readonly
<input type="text" name="2" value="2" readonly>

<input type="text" name="2" value="2" readonly="true">

3: disabled
<input type="text" name="3" value="3" disabled>

Readonly和Disabled是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别,总结如下:
Readonly只针对input(text / password)和textarea有效,而disabled对于所有的表单元素都有效,包括select, radio, checkbox, button等。
但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly,但是submit button却是可以使用的)。
分享到:
评论

相关推荐

    HTML中让表单input等文本框为只读不可编辑的方法

    总的来说,HTML提供了多种方式来使`&lt;input&gt;`元素变为只读或不可编辑状态,开发者可以根据具体需求选择合适的方法。理解这些属性和技巧可以帮助我们创建更符合用户体验的表单,同时确保数据的安全性。

    HTML实现文本框只读不能修改其中的内容

    为了达到这样的效果,HTML提供了几种方法,可以使文本框的内容不可编辑,即只读。 首先,我们来讨论一种通过JavaScript实现文本框内容只读的方法。当文本框获得焦点时,自动将其失去焦点,从而阻止用户进行修改。...

    只读文本框

    在这个例子中,名为 "T1" 的文本框被设置为不可编辑的状态,即用户无法在该文本框中输入任何内容。同时,由于设置了 `disabled` 属性,即使文本框中有预设值,这个值也不会随着表单一起提交到服务器端。 #### 三、`...

    html 文本框(text)不可用只读的多种实现方法

    总结起来,实现HTML文本框只读效果有多种途径,选择哪种方法取决于具体的需求,比如是否需要在表单提交时包含该数据、是否允许用户选中和复制文本,以及对用户体验的影响等。在实际应用中,应该根据具体情况权衡各种...

    html 文本框限制 大全

    HTML文本框是网页设计中不可或缺的一部分,用于收集用户输入数据。在实际应用中,我们往往需要对这些文本框进行各种限制,以确保用户输入的数据符合我们的预期格式或长度要求。以下是一些关于HTML文本框限制的详细...

    HTML文本框.rar

    HTML文本框是网页设计中不可或缺的元素,它们用于获取用户输入数据或展示静态文本。在HTML中,文本框由`&lt;input&gt;`标签定义,类型通常设置为"text"。本资源"HTML文本框.rar"可能包含了一个易语言编写的源代码示例,...

    js事件文本框不可用

    在JavaScript中,可以使用`disabled`属性来控制输入框是否可用(即是否可编辑)。当设置为`true`时,表示该输入框被禁用;设置为`false`则表示该输入框可用。 #### 示例代码分析: ```javascript inputtext....

    文本框控件应用.rar

    4. 只读文本框:用户不能修改其中的文本,主要用于展示信息。 二、文本框属性和方法 1. 属性: - Text:获取或设置文本框中的文本内容。 - MaxLength:限制可输入的最大字符数。 - ReadOnly:设定文本框是否...

    文本框控件

    文本框控件是用户界面设计中的重要组成部分,它允许用户输入和编辑文本。在各种操作系统和编程语言中,都有相应的文本框控件实现,如Windows的TextBox,HTML的input元素等。这些控件通常用于收集用户输入的数据,如...

    Django Form设置文本框为readonly操作

    2. `readonly`属性:只读属性让输入元素看起来不可编辑,但用户仍可以聚焦、选择和复制文本。后台会接收到该字段的值。例如:`&lt;input type="text" readonly="readonly"&gt;` 3. `readonly`结合`unselectable="on"`:...

    html代码文本框限制输入 文本框变灰色 限制文本框输入

    有时,为了特定的用户体验或安全需求,我们可能需要限制用户的输入,或者让文本框看起来不可编辑。以下将详细介绍如何通过不同的方法实现这些功能。 ### 1. 设置`readonly`属性 `readonly`属性用于创建一个只读的...

    C#按钮和文本框的使用

    在C#编程中,按钮(Button)和文本框(TextBox)是两个非常基础且重要的控件,它们在创建用户界面时发挥着不可或缺的作用。本文将详细介绍如何在VC#环境中使用这两种控件,以及它们在实际应用中的常见功能。 首先,...

    c#文本框与面板控件

    而`ReadOnly`属性则可以控制文本是否可编辑,设为`true`则变为只读文本框。 4. **事件处理**:`TextBox`有许多事件可供开发者监听,例如`TextChanged`事件会在文本内容改变时触发,`KeyDown`和`KeyUp`事件则可以...

    python GUI库图形界面开发之PyQt5单行文本框控件QLineEdit详细使用方法与实例

    总之,PyQt5的QLineEdit控件是构建GUI应用中不可或缺的一部分,它提供了丰富的功能和定制选项,使用户能够方便地输入和处理单行文本。通过理解并熟练运用它的各种方法和信号,开发者可以创建出符合用户期望的高效、...

    html表单属性readonly和disabled的使用方法

    在上面的代码中,`readonly`属性被添加到`&lt;input&gt;`元素中,使得文本框内的文本不可编辑,但其值仍然可以在表单提交时获取。 2. `disabled`(失效属性) `disabled`属性则更为严格,它不仅使元素变为不可编辑,还...

    bootstrap 固定文本框

    这种设计常用于展示不可编辑的信息或者作为界面的一部分提供固定提示。要创建一个固定文本框,我们可以使用`&lt;input type="text" disabled&gt;`元素结合Bootstrap的类来实现。例如: ```html 固定文本框: 这是固定的...

    通过disabled和readonly将input设置为只读效果

    在HTML表单设计中,有时候我们需要用户只能查看输入框(input)中的内容而不能修改,这时我们可以使用`disabled`和`readonly`属性来实现只读效果。这两种属性虽然都能达到表面的只读目的,但它们在功能上存在显著...

    使用HTML开发商业网站-表单控件-textarea课件.pptx

    在使用HTML开发商业网站的过程中,表单控件是不可或缺的一部分,它们用于收集用户输入的数据。在众多的表单元素中,`&lt;textarea&gt;` 控件扮演着重要的角色,它允许用户输入多行文本,例如用于评论、留言或者填写长篇...

Global site tag (gtag.js) - Google Analytics