HTML中禁用表单控件有几种方法
发布网友
发布时间：2023-08-15 20:22
我来回答
共1个回答
热心网友
时间：2023-08-16 02:55
这次给大家带来HTML中禁用表单控件有几种方法，HTML中禁用表单控件的注意事项有哪些，下面就是实战案例，一起来看一下。
在网页的制作过程中，我们会经常使用到表单。但是有时候我们会希望表单上的控件是不可修改的，比如在修改密码的网页中，显示用户名的文本框就应该是不可修改状态的。
在html中有两种禁用的方法，他们分别是：
1.给控件标签加上readonly='readonly'属性
2.给控件标签加上disabled='disabled'属性举例:
<input type="text" value="只读的" readonly="readonly" />
<input type="text" value="不可用的" disabled="disabled" />举例中的两个控件都是不可修改的。但是他们也有一些区别！
从字面意思我们可以知道，试用readonly属性的控件是"只读"的,而试用disabled是"被禁用"的。那么他们的区别是什么呢？
只读的控件(使用了readonly属性的控件)是用户不可以用鼠标和键盘修改其值的，但是程序员可以用javascript来修改，当提交表单的时候这个控件的名和值会提交到服务器，也就是说对服务器是可见的。
而被禁用的控件(使用了disabled属性的控件)不但用户不可以用鼠标和键盘修改，而且是对服务器不可见的，即提交表单的时候其名和值不会提交到服务器，当然，程序员也可以用javascript来修改其值。
这就是他们的区别，知道了区别之后咱们就应该知道什么时候使用哪种方法了，切不可盲目！
相信看了这些案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！
相关阅读：
怎样设置超链接的宽度和高度
html怎样用style添加属性示例
css3中的渐进增强和优雅降级如何使用
html表单提交后显示“disabled无法获取数据”怎么办?
第一种就是在form提交时，用onSubmit提交。onSubmit指向的方法中把select控件只读属性解禁，提交后再禁止。第二种方法是:<script type="text/javascript">var workorderParamParentCode=document.getElementById("workorderParamParentCode");var i=workorderParamParentCode.selectedIndex;//这里最好放到页面最下...
HTML中disabled和readonly的区别
在只读的文本区中，无法对内容进行修改，但用户可以通过 tab 键切换到该控件，选取或复制其中的内容。可以设置 readonly 属性，直到满足某些条件（比如选择一个复选框），才恢复用户对该文本区的使用。然后，可以使用 JavaScript 来清除 readonly 属性，以使文本区变为可编辑状态。isabled 属性规定应该禁...
textarea怎么禁止输入
一、首先，输入hbuilder软件，创建一个新的HTML文件，在其中编写一个textarea和一个按钮，为该纹理提供一个ID，并将该按钮的class属性设置为BTN 二、接着在下方的script标签中写入js代码，先分别获取textarea和按钮的dom对象，然后给按钮添加一个点击事件，当点击之后设置textarea的disabled的属性为disabled...
html 常用的表单控件类型有哪些
密码 password 隐藏域 hidden 文本区域 textarea 复选框 checkbox 单选按钮 radio 选择列表 select 图像域 image 文件域 file 按钮 button 提交按钮 submit 大致就是这些。
html中的隐藏表单怎么赋值?
<input id='hidetext' name="hidetext" type="hidden" value=<% =(string)Session.getValue("username") %> />//直接通过session赋值 document.getElementById('hidetext').value="赋值";//js赋值 ("#hidetext").val("赋值");//jquery写法.以上是html控件赋值方法 <input id="hidetext" ...
input type="submit" 和"button"有什么区别
1、功能不同 submit用在表单内,里面有类似的默认方法封装,普通单击就是提交所在表单。button是个普通的按钮,如果不写单击等事件,那么这个按钮点击是没有任何反应的,所有事件都需要自己手动写。2、是否具备enter键的支持 submit使用后，页面支持键盘enter键操作，而很多WEB软件设计师，可能没有注意到submit...
HTML中创建表单控件的时候可以直接<input ...>而不使用<form>吗?这样...
不用form标签也是可以提交表单的。但比较麻烦。如果有form标签，在点击提交铵钮时，浏览器自动收集参数，并打包一个http请求到服务器，完成表单提交。在这一过程中，浏览器会根据method的不同，将参数编码后，放在urI中(get)，或者放在请求的data中(post)。然后发送到服务器。如果没有form，post方式的...
EnableWindow(faluse)是什么意思?
在软件开发中，禁用窗口控件是一种常见的用户界面设计技巧。通过禁用控件，开发人员可以防止用户在程序的不同部分之间进行不必要的交互，从而提高用户体验和程序的稳定性。例如，在一个表单提交过程中，开发人员可能会禁用提交按钮，以防止用户在表单验证期间多次点击提交按钮。然而，需要注意的是，EnableWindow(...
html文本框控件的常用属性、事件和方法
onsubmit 脚本 当表单被提交时执行脚本 onreset 脚本 当表单被重置时执行脚本 onselect 脚本 当元素被选取时执行脚本 onblur 脚本 当元素失去焦点时执行脚本 onfocus 脚本 当元素获得焦点时执行脚本 键盘事件 (Keyboard Events)在下列元素中无效：base, bdo, br, frame, frameset, head, html, iframe,...
如何设置extjs中的form项目为只读?
这个extjs API里面有的，属性disabled设置为：true就表示组件为禁用状态，用extjs开发查API很关键，建议去下一个中文版的。免费下载地址：http://www.jb51.net/books/25590.html
