Code examples

<!DOCTYPE HTML>
<html lang="hr">
<head>
<meta charset="UTF-8">
<title>Readonly and disabled inpute text fields</title>

$(document).ready(function(){
		var var_readonly=$('input[name="var_readonly"]').val();
		var var_disabled=$('input[name="var_disabled"]').val();

console.log(var_readonly);

$('p#val1').append(var_readonly);
		$('p#val2').append(var_disabled);
	});

}
</script>
</head>

<body>

Submit the form and see that 
<br><b>var_readonly</b> is passed to the PHP script but 
<br><b>var_ disabled</b> is not passed.
<br>
<br>

<label for="f1">var_readonly:</label>
	<input type="text" id="f1" name="var_readonly" value="val1" size="5" readonly>

<br>
	<label for="f1">var_disabled:</label>
	<input type="text" id="f1" name="var_disabled" value="val2" size="8" disabled>

</form>

<hr>
Output variables:

<p id="val1"><b>var_readonly:</b> </p>
<p id="val2"><b>var_disabled:</b> </p>

</body>
</html>