`
菜鸟级JAVA
  • 浏览: 96746 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

设置input标签成只读

阅读更多
设置input标签的内容为只读:
1、脚本中对应的属性为obj.readOnly。
<input type="text" name="myinput" value="readOnly" readonly="readonly" />

2、myinput完全禁用掉,无法向后台提交值
<input type="text" name="myinput" value="disabled" disabled="disabled " />

3、
<input type="text" name="myinput" value="javascript" onfocus="this.blur()" />

大家在设置input只读属性时,可以参照以上三种方法之一,选择自己喜欢的用吧。
分享到:
评论

相关推荐

    input 标签的属性

    ### Input 标签的属性详解 #### 一、概述 在HTML中,`&lt;input&gt;`标签是最常用的表单元素之一,用于收集用户输入的数据。它通过`type`属性定义了不同的输入控件类型,比如文本框、密码框、按钮等。本文将详细介绍`...

    js控制input框只读实现示例

    这个函数通过`getElementById()`方法获取id为"username"的input元素,然后使用`setAttribute()`方法设置`readOnly`属性为`true`,使得input框变为只读。同时,为了视觉上更明显地区分只读状态,还设置了背景色为...

    Vue动态控制input的disabled属性的方法

    有时候会有这样的需求,新增的时候可以输入,但是无法修改,此时就需要通过控制input标签的disabled属性来实现,那vue是如何动态设置input输入框的disabled属性的呢? 输入框的html源代码 配置项 v-bind:disabled=...

    最全的常用限制input的方法

    最全的常用限制input标签的方法 1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容,在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类...

    用js设置下拉框为只读的小技巧

    最后,我们在`&lt;body&gt;`标签的`onload`事件中调用`init`函数,确保页面加载完成后执行`selectReadOnly`,将下拉框设置为只读状态。 通过这种方式,虽然select元素本身不具备只读特性,但我们利用JavaScript模拟了只读...

    jsp中input的高级运用

    设置`readonly`属性可以使`&lt;input&gt;`元素变为只读状态,用户无法编辑其中的内容,但仍然可以选中并复制这些内容。 ```html &lt;input type="text" readonly /&gt; ``` #### 3. 自动保存历史记录 通过使用`behavior`属性,...

    Vue.js 2.0 输入标签组件.zip

    vue-input-标签受react-tagsinput启发的 Vue.js 2.0 输入标签...model="tags"&gt;&lt;/input-tag&gt;道具姓名 类型 默认 描述价值 大批 [] 输入中要呈现的标签占位符 细绳 “” 无标签时显示占位符只读 布尔值 错误的 将输入设

    详解PHP中的 input属性(隐藏 只读 限制)

    本文将深入探讨`&lt;input&gt;`标签的几个关键属性,包括隐藏、只读和限制,以及如何利用这些属性来控制用户输入的行为。 首先,我们来看`&lt;input type="hidden"&gt;`,这是一个非常有用的属性,它创建了一个隐藏的输入字段。...

    用JS控制INPUT输入内容

    设置只读状态 ```html &lt;input readonly value="只读状态"&gt; ``` **解析**: - `readonly`属性使得输入框变为只读状态,用户无法修改内容。 ##### 7. 通过函数实现只输入数字 ```html function onlyNum() { if ...

    清空input类型为file的value属性值的方法

    当页面刷新后,这个路径通常会消失,但如果我们想在JavaScript中手动清除它,直接将`value`属性设置为空字符串并不会有效,因为`&lt;input type="file"&gt;`是只读的。这意味着你不能直接通过赋值的方式来修改`value`属性...

    HTML5-input表单控件调用代码_html5_表单_input_代码_控件_

    6. `readonly`:设置输入框为只读状态。 7. `disabled`:禁用输入控件,用户无法修改内容。 8. `autofocus`:页面加载后自动聚焦此输入框。 9. `list`:关联一个`&lt;datalist&gt;`元素,提供预设选项。 四、表单验证 ...

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

    通过在`&lt;input&gt;`标签中添加`disabled`属性,可以使得文本框变为不可用状态,即用户不仅不能修改内容,而且文本框会呈现出一种灰色的半透明效果,表示它当前是禁用的。示例如下: ```html &lt;input id="File1" type=...

    JSF+HTML标签总结

    2. `h:inputText`是输入框组件,支持属性如`readonly`(只读)、`size`(宽度)、`maxlength`(最大长度)。例如,`&lt;h:inputText value=”” size=”5” readonly=”true” Maxlength=”6”style=”color:yellow;...

    input值总结

    `&lt;input&gt;`标签非常灵活,可以支持多种类型的输入,每种类型都有其特定的功能和表现形式。下面将详细讨论`&lt;input&gt;`标签的各种值及其相关知识点。 一、`type`属性 `&lt;input&gt;`标签最重要的属性之一就是`type`,它定义了...

    css中常见各种标签

    `&lt;input&gt;` 是一个非常强大的标签,用于获取用户的输入。其类型 (`type`) 属性决定了输入控件的样式和功能: - **`type="text"`**:创建一个单行文本输入框。 - **`maxlength`**:限制用户可以输入的最大字符数。 ...

    input 高级限制级用法

    在网页设计中,`&lt;input&gt;` 标签用于创建用户可交互的文本输入框,而“高级限制级用法”是指通过添加特定属性和事件处理程序来限制用户在文本框中输入的内容类型或行为。以下是一些常见的高级限制级用法的详细说明: ...

    各种JSF HTML标签总结.doc

    `&lt;h:inputText&gt;` 标签用于创建文本输入框,常用于收集用户的简单文本输入。其基本用法如文中所示: ```html &lt;h:inputText value="#{bean.property}" size="5" readonly="true" maxlength="6" style="color:yellow;...

    Vue隐藏显示、只读实例代码

    如果我们要根据数据属性isReadOnly来设置一个input元素的只读状态,代码如下: ```html &lt;input type="text" class="form-control" v-bind:readonly="isReadOnly" validate="notNull,realname" v-model="user....

    jsf 标签文档

    - `readonly`:使输入框变为只读状态。 - `size`:设置输入框的宽度。 - `maxlength`:限制输入的最大字符数。 - 示例:`&lt;h:inputText value=”” size=”5” readonly=”true” maxlength=”6” style=”color:...

Global site tag (gtag.js) - Google Analytics