`
wxb_j2ee
  • 浏览: 137711 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

input文本框被设置为disabled与readonly时表单Form的区别

 
阅读更多
<input name="info" id="info" type="text" value="value1234567890" disabled="disabled"/>

   

<input name="info" id="info" type="text" value="value1234567890" readonly="readonly"/>

 

    注:

    disabled="disabled"

    input文本框被设置为disabled时,表单Form无法获得其文本框内容

 

    readonly="readonly"

    input文本框被设置为disabled时,表单Form可以获得文本框内容

分享到:
评论

相关推荐

    Django Form设置文本框为readonly操作

    当需要在前端展示信息但不允许用户修改时,我们可以将文本框设置为只读(readonly)。本文将详细介绍如何在Django Form中实现这一功能,并提供两种不同的方法。 方法一是在自定义的form类中通过`__init__()`方法来...

    javascript中input中readonly和disabled区别介绍

    当表单被提交时,`readonly`字段的值会作为数据一起发送到服务器。这使得`readonly`适合于那些需要显示但不允许修改的数据。 例如: ```html &lt;input type="text" id="q1" name="q1" value="readonly" readonly=...

    表单 文本框 获取系统时间代码下载

    文本框(TextBox或Input标签)是表单中最常见的组件之一,它允许用户输入文本信息。在许多应用场景中,我们可能需要在文本框中显示当前系统的日期和时间,这样可以为用户提供即时、动态的信息。本文将详细讲解如何...

    html总结文档

    1.表单:&lt;form&gt;&lt;/form&gt; 主要属性:id name action method 2.input元素:&lt;input/&gt; 主要属性:name type value class type: text submit button radio checkbox hidden reset file password 3....

    关于jquery form表单序列化的注意事项详解

    如果表单中使用的disabled那么用户是不能选择的,也就是说这个文本框是无法获取到焦点的,而readonly是可以获取到焦点,只是不能修改,为只读 最重要的一点, 在发送表单的时候,表单的控件属性没有name属性该字段...

    02HTML表单

    &lt;input type="text" name="input2" value="world" disabled/&gt; &lt;/form&gt; ``` 以上内容涵盖了HTML表单的基本概念及其关键组成部分。熟练掌握这些基础知识将有助于更好地设计和开发用户友好的网页应用程序。

    bootstrap 固定文本框

    在这个例子中,`class="form-control"`是Bootstrap为输入框添加样式的关键,而`disabled`属性使得文本框变为只读,用户无法修改。 接下来,我们讨论“上传附件”功能。在Bootstrap中,通常会结合HTML5的`&lt;input ...

    HTML 表单.pdf

    其基本语法结构是:&lt;input name="name" type="text" value="张三" readonly&gt;&lt;input type="submit " disabled value="提交" /&gt;,其中 readonly 指定了输入控件为只读,disabled 指定了输入控件为禁用。 HTML 表单是 ...

    python 之 前端开发(form标签、单选框、多选框….docx

    - **disabled**: 设置`disabled`属性表示该字段不可更改,并且不会被提交到服务器端。 - **readonly**: 设置`readonly`属性表示该字段不可更改,但是会随表单一起提交。 - **密码**: 密码输入框(`type="password"`)...

    js常见表单应用技巧

    与 `disabled` 不同,`readOnly` 状态下的文本框仍可以显示内容,但用户不能修改它。`readOnly` 的值区分大小写,`readOnly` 为 `true` 时,文本框变为只读,反之则可编辑。 接着,我们看到通过单选按钮改变文本框...

    html入门到放弃笔记

    1、创建一个 div 标记 ,增加属性 ,设置 align 属性的值为 center ,设置 id 属性的值为 container,设置 title 属性的值为 这是一个div 这是一个div"&gt; 四大标准属性: 1、id :定义元素在页面中独一无二的...

    网站注册页制作-其他常用表单元素 .pptx

    例如,清除`form`元素的默认内边距和外边距,设置`input`按钮的边框,以及为文本框和密码框添加适当的内边距,使用户输入的内容与输入框保持一定的距离,提高视觉舒适度。 总之,理解并熟练运用`textarea`和`select...

    Java0基础_day16_Javaweb前端_HTML_CSS_mysql(csdn)————程序.pdf

    如果设置了 `disabled` 属性,该表单域不会被提交;而 `readonly` 属性则使表单域变为只读,值仍可作为参数传递。 CSS(层叠样式表)是用来控制HTML元素外观和布局的样式语言。它可以用来设置颜色、字体、布局、...

    HTML单词大全.doc

    * form:组成、结构、形式,引申为表单 * action:行动,引申为表单提交的动作 * method:方法 * target:目标 * post:邮局、邮寄,HTML 中指表单提交的方式 * get:HTML 中指表单提交的方式 * blank:空白的,...

    html基础入门

    - `readonly`:设置文本框为只读模式。 - `disabled`:禁用当前表单项,使其无法提交数据。 ##### 1-2-3. 子标签2—`&lt;select&gt;`标签 `&lt;select&gt;` 标签用于创建下拉列表,即下拉菜单。它的一些关键属性和子标签包括:...

    推荐个不错的表单Input的高级用法11例

    有时候我们希望某个文本框的内容是不可编辑的,但又希望它能够显示出来,这时可以将`&lt;input&gt;`标签中的`readonly`属性设置为`true`: ```html &lt;input type="text" readonly="readonly" value="这是只读文本" /&gt; ``` ...

    Lesson02_03 表单标签

    在网页设计和开发中,表单是用户与网站交互的重要工具,用于收集用户输入的数据。本节将详细讲解HTML中的表单标签及其相关属性。 首先,`&lt;form&gt;` 标签用于创建一个表单,它是所有表单元素的容器,定义了表单的开始...

    HTML知识点.pdf

    如`maxlength`限制输入长度,`pattern`用于正则表达式验证,`placeholder`提供输入提示,`size`设置文本框宽度,`checked`初始化复选框状态,`required`确保字段必须填写,`form`属性则允许表单外的元素与特定form...

    PHP英语专业单词.docx

    * Form:组成、结构、形式,引申为表单 * Action:行动,引申为表单提交的动作 * Method:方法 * Target:目标 * Post:邮局、邮寄,HTML 中指表单提交的方式 * Get:HTML 中指表单提交的方式 * Blank:空白的 HTML ...

Global site tag (gtag.js) - Google Analytics