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

input属性 隐藏 只读 限制 等

 
阅读更多
隐藏 <input type="hidden">hidden<br>
<br>
只读 <input type="text" readonly>readonly<br>
<br>
失效<input type="text" disabled>disabled<br>
<br>
限制 <input type="text" maxlength="1">maxlength<br>
<br>
ENTER键让光标移到下一个输入框<br>
<input onkeydown="if(event.keyCode==13)event.keyCode=9"><br>
<br>
屏蔽输入法<br>
<input type="text" name="url" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9">
分享到:
评论

相关推荐

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

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

    input 标签的属性

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

    input 高级限制级用法

    通过在 `input` 标签中添加 `hideFocus` 或 `HideFocus=true` 属性,可以隐藏文本框在获得焦点时的默认虚线边框,使界面看起来更简洁。 2. **只读文本框内容** 若要使文本框内容不可编辑,但仍然可见,可以在 `...

    客户端任意改变只读输入框内容示例

    4. **CSS注入**:虽然这不是直接改变内容,但攻击者可以通过注入CSS来隐藏或替换只读输入框,使用户以为内容已被修改。 为了防止这种情况,开发者应采取以下防御措施: - **输入验证和过滤**:对用户提交的所有...

    input高级用法input高级用法

    通过对`input`元素的各种属性和事件的合理运用,我们可以实现多种高级功能,如限制输入格式、改变键盘行为等,从而提升用户的使用体验。以上介绍的方法仅为冰山一角,开发者可以根据实际需求进行更多探索和实践。

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

    除了上述属性外,还有其他一些控制输入行为的属性,例如 `readonly` 使输入框变为只读,`disabled` 禁用输入框,`required` 指定该输入为必填,`pattern` 定义输入值的模式等。在HTML5中,`&lt;input&gt;` 控件增加了更多...

    jsp中input的高级运用

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

    INPUT的TYPE用法

    `value`属性预设了输入框的初始值,`readonly`属性则使输入框变为只读状态,用户无法修改其中的任何内容。 示例代码: ```html your name: &lt;input type="text" name="yourname" size="30" maxlength="20" value=...

    js修改input的type属性问题探讨

    以上代码示例展示了如何在不同浏览器中实现预期的交互效果,尤其是在遇到IE的`type`属性只读限制时。这种方法虽然稍微复杂,但可以确保在IE和Firefox等主流浏览器中正常工作。在实际开发中,为了更好的兼容性和用户...

    HTML5表单中input元素及属性.pdf

    - `readonly`: 使输入框内容变为只读,不可编辑。 - `disabled`: 禁用输入框,呈现灰色且不可用。 - `checked`: 默认选中复选框或单选按钮。 - `maxlength`: 限制输入的最大字符数。 - `autocomplete`: 开启或...

    input值总结

    以上只是`&lt;input&gt;`标签部分知识点的总结,实际使用中还有更多属性和用法,如`form`, `formaction`, `formenctype`, `formmethod`, `formnovalidate`, `formtarget`等,以及各种事件处理如`onchange`, `onclick`等,...

    JavaScript网页表单元素Input的高级用法

    有时候我们需要让某个输入框处于只读状态,但仍然保持可选中的特性,此时可以使用`readonly`属性: ```html &lt;input type="text" readonly&gt; ``` #### 3. 自动保存历史记录 对于需要频繁输入相同内容的场景(如登录...

    JS禁用页面上所有控件的实现方法(附demo源码下载).docx

    - 其他类型的输入框,如`CHECKBOX`、`RADIO`等,直接设置`disabled`属性为`true`。 3. `TEXTAREA`元素:调用`ReadonlyText`函数使其变为只读。 4. `BUTTON`元素:根据`blnHidenButton`的值决定是否隐藏,但不设置`...

    第10章 表单元素[中].pdf

    在本章中,我们将深入学习HTML5表单中input元素的type属性,这个属性可以定义不同的输入控件类型,限制用户输入的数据格式,从而提高数据的有效性和安全性。 首先,我们需要了解type属性总汇,它包括多种不同的值,...

    前端学习的第06天.zip

    今天我们将深入探讨`&lt;input&gt;`标签及其常用属性。 1. **类型属性(type)**: - `text`:默认类型,允许用户输入文本。 - `password`:隐藏输入的字符,常用于密码输入。 - `email`:验证输入是否为有效的电子...

    web_form_form_ css

    - **属性**:`value`(预填充的文本)、`maxlength`(限制最大输入长度)、`readonly`(只读状态)。 - **密码框**:`&lt;input type="password"&gt;`,用于接收密码输入,输入的字符会被遮盖。 - **属性**:与文本框...

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

    这里的`hideFocus`或`HideFocus`属性可以帮助隐藏输入框被选中时出现的虚线框。 #### 2. 只读文本框内容 有时候我们希望某个文本框的内容是不可编辑的,但又希望它能够显示出来,这时可以将`&lt;input&gt;`标签中的`...

    今日内容介绍2

    2. `&lt;input type="text"&gt;`:创建文本输入框,`name`属性用于标识输入项,`size`和`maxlength`控制输入框大小和最大字符数,`readonly`使输入框只读,`placeholder`设置提示文字。 3. `&lt;input type="password"&gt;`:...

    html入门到放弃笔记

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

Global site tag (gtag.js) - Google Analytics