jquery的attr方法禁用表单元素禁用输入内容

154 阅读 0 评论 102 点赞

我是靠谱客的博主端庄舞蹈，这篇文章主要介绍jquery的attr方法禁用表单元素禁用输入内容，现在分享给大家，希望可以做个参考。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>jquery禁用输入内容</title> 
<script type="text/javascript" src="jquery-1.4.4.js"></script> 
<script type="text/javascript"> 
$(function(){ 
$("#name").attr("disabled","disabled"); 
$("#note").attr("disabled","disabled"); 
$("#submitBtn").attr("disabled","disabled"); 
}) 
</script> 
</head> 
<body> 
姓名:<input type="text" id="name" name="name"><br/> 
说明:<textarea rows="10" cols="30" id="note" name="note"></textarea> <br/> 
<button id="submitBtn">提交</button> 
</body> 
</html>