前端笔记——如何控制表单控件中的disabled

摘要:
表单控件具有禁用的属性。通过设置此属性,可以禁用所有输入控件。有关输入的更多属性,请参阅参考资料。下面是一个如何设置和读取禁用属性的简单示例。DOCTYPE html˃test disabled图1“孤独”按钮1。html编写方法禁止输入控件属性;将disable设置为true,将enable设置为false。
0.前言
    本文主要说明如何使能或禁止表单控件。表单控件具有disabled属性,通过设置该属性可以禁止所有的input控件,input的更多属性请参考资料【1】。下面就通过一个简单的例子说明如何设置和读取disabled属性。

[html]
<!DOCTYPE html>  
<html>  
<head>  
<script src="jquery.js"></script>  
<meta charset="utf-8">  
<title>测试disabled</title>  
</head>  
<body>  
<div style="margin:0 auto; 200px; text-align:center">  
<p>  
<input type="button" id="testButton" disabled="disabled" style="height:30px; font-size:20px" value="测试按钮">  
</p>  
</div>  
</body>  
</html> 
【示例页面】
前端笔记——如何控制表单控件中的disabled第1张
图1 一个“孤独”的按钮

1.HTML写法
    禁止某input控件。
     <input disabled="disabled">
    【注意】
    【1】disabled包含字母d
    【2】“disabled”而不是true或false。
 
2.javascript操作
    【读取】
    document.getElementById("testButton").disabled;
    返回结果禁止时为true,使能时为false。
    【设置】
 
    设置禁止为true,使能为false。

3.jquery操作
    【读取】
      $("#testButton").prop("disabled");
    返回结果禁止时为true,使能时为false。JQuery中prop函数设置表单空间属性。
    【设置】
     $("#testButton").prop("disabled", true);
    设置禁止为true,使能为false。
 

免责声明:文章转载自《前端笔记——如何控制表单控件中的disabled》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇ServletContextListener使用详解(监听Tomcat启动、关闭)HttpClient配置SSL绕过https证书以及双向认证下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

multipart/form-data 文件上传表单中 传递参数无法获取的原因!

1.什么是multipart/form-data 首先我们需要明白在html中的enctype属性,enctype:规定了form表单在发送到服务器时候编码方式。他有如下的三个值。 ①application/x-www-form-urlencoded。默认的编码方式。但是在用文本的传输和MP3等大型文件的时候,使用这种编码就显得 效率低下。 ②multi...

【H5】15 表单 其四 数据发送

一旦在客户端上验证了表单数据,就可以提交表单了。 并且,由于我们在上一篇文章中介绍了验证,因此我们准备提交! 本文着眼于用户提交表单时会发生什么—数据将流向何处,以及到达表单后如何处理? 我们还将研究与发送表单数据相关的一些安全问题。 先决条件: 基本的计算机知识,对HTML的理解以及HTTP和服务器端编程的基本知识。 目的: 了解提交表单数据...

Django中的表单

Django中的表单: Django中的表单丰富了传统的HTML语言中的表单。在Django中的表单,主要做以下两件事: 渲染表单模板。 表单验证数据是否合法。 Django中表单使用流程: 在讲解Django表单的具体每部分的细节之前。我们首先先来看下整体的使用流程。这里以一个做一个留言板为例。首先我们在后台服务器定义一个表单类,继承自django....

ASP.NET MVC 5 Web编程5 -- 页面传值的方式

本篇文章将讲述MVC的页面传值方式,具体包括:后端向前端传值(Controller向View传值);前端向后端传值(View向Controller传值);Action与Action之间的传值。 回顾 我们回顾下在ASP.NET WebForms中,页面之间最常用的传值方式,有以下几种: a). QueryString(也叫URL传值) b). Sessio...

网页元素特征字符串

网页元素特征字符串 1.什么是网页元素特征字符串 要了解什么是网页元素特征字符串(以下简称特征串)首先得了解什么是网页,什么是HTML。从维基百科上可查询到网页定义如下: 网页是一个文件,他存放在世界某个角落的的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址( URL )来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,...

php获取form表单单选按钮和复选框的值

获取单选按钮的值 在<form>表单中,单选按钮 radio 一般是成一组一组出现的,具有相同 name值 和不同的 value 值,在一组单选按钮中,同一时间只可能有一个被选中。 来举一个单选按钮 radio的例子,在这个代码实例中有两个 name = "sexy" 的单选按钮,选中其中一个并单击"提交"按钮,将会返回被选中的单选按钮的 va...