input标签disabled和readonly属性的区别

readonly和disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。

disabled：

 对于所有的表单元素都有效，包括select, radio, checkbox, button等。如果一个输入项的disabled设为true，则该表单输入项不能获取焦点，用户的所有操作（鼠标点击和键盘输入等）对该输入项都无效，最重要的一点是当提交表单时，这个表单输入项将不会被提交。

readonly：

只针对input(text /password)和textarea有效；如果设为true，用户只是不能编辑对应的文本，但是仍然可以聚焦焦点，并且在提交表单的时候，该输入项会作为form的一项提交。

input标签disabled和readonly属性的区别相关推荐

使用JavaScript在input标签中添加readonly属性
JavaScript如何将readonly属性添加到input标签?下面本篇文章就来给大家介绍一下使用JavaScript将readonly属性添加到input标签的方法,希望对大家有所帮助. 在Ja ...
HTML input 标签的所有type 属性及用法
实例下面的表单拥有两个输入字段以及一个提交按钮: <form action="form_action.asp" method="get">< ...
JS中script标签defer和async属性的区别
向html页面中插入javascript代码的主要方法就是通过script标签.其中包括两种形式,第一种直接在script标签之间插入js代码,第二种即是通过src属性引入外部js文件.由于解释器在解 ...
input标签disabled属性
disabled 属性规定禁用 input 元素. 被禁用的 input 元素既不可用,也不可点击
input标签里面type常用属性（注册登录表单常用元素）
之前写一些小项目的时候,在表单这一块因为知道的type属性就text.password.button.submit等一些值,而且form表单也应用的不是很灵活,所以通过简单的学习,认识到以前写的for ...
HTML5中input标签有用的新属性
HTML5对input增加了一些新标签,个人觉得比较常用有效的以下几个 placeholder="请输入" 常见用于默认提示 autofocus 自动聚焦到当前输入框 maxlen ...
html——input标签设置不可编辑属性
设置不可编辑: //设置不可编辑:$("#input_id").attr("disabled","disabled");//或:$(&quo ...
input标签中的 type 属性：number
正常情况下,对于一些只能是数字的form表单,我们会采用type=number 的方式来处理. 但是我们可以发现是可以输入字符串 e,这个e很容易引发一些mysql 字段越界,所以我们需要对参数做一些 ...
html添加添加只读属性,JavaScript如何将readonly属性添加到input标签
在JavaScript中可以使用setAttribute()方法将readonly属性添加到表单的input字段中. setAttribute()方法可将已定义的属性添加到元素,并为其提供定义的值.如 ...

input标签disabled和readonly属性的区别

input标签disabled和readonly属性的区别

disabled：

readonly：

input标签disabled和readonly属性的区别相关推荐

最新文章

热门文章