禁止input文本框输入实现属性
发布时间：2013-03-20 14:31:42 作者：佚名 
我要评论
我要评论input文本框输入禁止在某些情况下是很有必要的，例子不胜枚举啊，接下来将为大家介绍下哪些属性可以做到，感兴趣的朋友可以参考下哈，希望可以帮助到你
今天想总结几个很有用的html标签，开发中经常用到，不熟悉的人可能还真不太清楚，分别是：
readonly、disabled、autocomplete
readonly表示此域的值不可修改，仅可与 type="text" 配合使用，可复制，可选择,可以接收焦点，后台会接收到传值.
<input type="text" name="www.xxx" readonly="readonly" />
disabled表示禁用input元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值
<input type="text" name="www.xxx.com" disabled="disabled" />
另外可以通过css屏蔽输入法：<input style="ime-mode: disabled">
最后介绍一个常用的标签，浏览器通常会记录input输入框的记录，所以你在输入的时候，经常会下拉很多内容，如下图：
如果你想去掉的话，最好加上autocomplete="off"，使用方法如下：autocomplete="off"
<input type="text" autocomplete="off" id="number"/>
复制代码
代码如下:readonly、disabled、autocomplete
readonly表示此域的值不可修改，仅可与 type="text" 配合使用，可复制，可选择,可以接收焦点，后台会接收到传值.
复制代码
代码如下:<input type="text" name="www.xxx" readonly="readonly" />
disabled表示禁用input元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值
复制代码
代码如下:<input type="text" name="www.xxx.com" disabled="disabled" />
另外可以通过css屏蔽输入法：<input style="ime-mode: disabled">
最后介绍一个常用的标签，浏览器通常会记录input输入框的记录，所以你在输入的时候，经常会下拉很多内容，如下图：
如果你想去掉的话，最好加上autocomplete="off"，使用方法如下：autocomplete="off"
复制代码
代码如下:<input type="text" autocomplete="off" id="number"/>
相关文章
本文主要介绍了html table+css实现可编辑表格的示例代码，主要使用HTML5的contenteditable属性，文中通过示例代码介绍的非常详细，需要的朋友们下面随着小编来一起学习学习2024-03-06
本文主要介绍了HTML中使用Flex布局实现双行夹批效果，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习2024-02-22
在网站开发中，登录页面是必不可少的一部分，本文就来介绍一下HTML+CSS实现登录切换，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需2024-02-02
本文主要介绍了HTML+CSS实现全景轮播的示例代码，实现了一个简单的网页布局，其中包含了五个不同的盒子，每个盒子都有一个不同的背景图片，并且它们之间有一些间距，下面就2024-02-02
来到圣诞节了，那么就可以制作一颗HTML的圣诞树送给朋友，没有编程基础的小白也可以按照步骤操作也可以运行起来代码的，喜欢的朋友快来体验吧2023-12-26
如何能把html的<input type="radio" name="option">改成自定义的样式呢？比如想要把他变成正方形，选中的时候是对号,默认的样式太丑了，今天给2023-12-14
这篇文章详细的为大家介绍了HTML以及总结了HTML常用标签，包括标题、段落、图片、链接、列表、表格、表单等,通过代码示例给大家介绍的非常详细,需要的朋友可以参考下2023-11-20- HTML文档声明的作用就是告诉浏览器使用哪种HTML版本来显示网页,文档声明都是再页面中第一行的位置通过DOCTYPE html，下面脚本之家小编就为大家分享一下2023-11-17
- 如果您正在学习HTML，那么您可能需要一些相关的代码来帮助您构建复杂的页面并将其结构化为各种元素,在本文中，我们将分享一些HTML代码片段，这些片段可用于创建各种功能和2023-11-17
CSS 样式既可以作为单独的文件（.css类型的文件）引入到 HTML 文档中，本文主要介绍了HTML嵌入CSS样式的四种实现方法，具有一定的参考价值，感兴趣的可以了解一下2023-11-03
最新评论