Jquery's attr method disables form elements to disable input

2020-03-30 03:23:45
OfStack

<!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 Disable input </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> 
 The name :<input type="text" id="name" name="name"><br/> 
 instructions :<textarea rows="10" cols="30" id="note" name="note"></textarea> <br/> 
<button id="submitBtn"> submit </button> 
</body> 
</html>