html中的input文本框禁止输入问题

我们在进行前端页面开发时，经常会遇到输入框禁止输入的问题，html中提供了三种方式来解决，readonly、disabled、autocomplete。严格地讲前两种才是禁止用户输入，而autocomplete只是默认清除用户的输入记录。

readonly：顾名思义，表示该输入域的值只能read，不能write，他仅仅只能与 type="text" 配合使用，可复制，可选择，可以接收焦点，后台会接收到传值。


<input type="text" name="www.xxx" readonly="readonly" />

disabled：表示禁用input元素，不可编辑，不可复制，不可选择，不能接收焦点，后台也不会接收到传值，页面显示也会变成置灰状态。


<input type="text" name="www.xxx.com" disabled="disabled" />

autocomplete：浏览器通常会记录input输入框的记录，所以在输入的时候，经常会下拉很多内容，使用autocomplete能够清除用户的输入记录，在每次重新请求页面时，记录都会清空。


<input type="text" autocomplete="off" id="number"/>

html中的input文本框禁止输入问题相关推荐

小程序获取input文本框的值
小程序中获取input文本框的值示例: <input value={{msg}} bindinput="inputHandler"/> 小程序中使用event.det ...
php编辑框禁止输入,如何设置表单的input文本框不可编辑
设置表单input文本框不可编辑的方法:首先创建相应的代码文件:然后通过为表单字段设置为"οnfοcus=this.blur(),readonly.disabled"来实现不可编辑 ...
php如何禁掉文本框输入,如何禁止input文本框输入
如何禁止input文本框输入 nput文本框用于接收用户输入的信息,我们有两种方法可以禁止input文本框,一种方法是使用readonly,另一种方法是使用disabled,但二者之间还是有区别的,请 ...
input文本框设置和移除默认值
input文本框设置和移除默认值这里想实现的效果是:设置和移除文本框默认值,如下图鼠标放到文本框中的时候,灰字消失. 1.可以用简单的方式,就是给input文本框加上onfocus属性,如下代码: ...
php 修改input内容,JS简单获取并修改input文本框内容的方法示例
这篇文章主要介绍了JS简单获取并修改input文本框内容的方法,结合实例形式分析了JavaScript针对页面元素的获取.赋值等相关操作技巧,需要的朋友可以参考下本文实例讲述了JS简单获取并修改in ...
input 文本框和 img 验证码对齐问题
为什么80%的码农都做不了架构师?>>> input 文本框和 img 验证码对齐问题在网页制作中,常将 input 和 img 放在同一行,img标签总是比input高出一 ...
input文本框设置不可编辑方法和HTML5 新的 Input 类型
input文本框设置不可编辑的3种方法: disabled 属性规定应该禁用 input 元素,被禁用的 input 元素,不可编辑,不可复制,不可选择,不能接收焦点,后台也不会接收到传值.设置后文字 ...
通过js获得input文本框输入的值
如何通过js获得input文本框输入的值. 前言我们编写的被载入浏览器的HTML页面都是一个 Document 对象.对于Document对象可以使我们通过代码(比如javascript)对HTML ...
Css-note:修改input文本框边框焦点样式笔记
Css-note:修改input文本框边框焦点样式笔记大家好,我是Yangrl. 记录一个note: 刚才做作业,就觉得浏览器中鼠标点击input,默认样式不合口味,又不想js / jq,所以改吧( ...

html中的input文本框禁止输入问题

html中的input文本框禁止输入问题相关推荐

最新文章

热门文章