Front-End

[HTML] 태그 속성 중 readonly 와 disabled의 차이점

< input type=”text” id=”fileName” value=”test.txt” readonly />
< input type=”text” id=”fileName” value=”test.txt” disabled />

Form를  submit를 하였을 때  
readonly 의 경우  백엔드 쪽으로 값이 넘어오지만,  disabled의 경우 백엔드 쪽으로 값이 넘어 오지 않는다.



 

[asp.net mvc 4 Razor 이용시]
@Html.TextBoxFor(m => m.ManagerAddress, new { @class = "k-input", @readonly = "readonly" })
@Html.TextBoxFor(m => m.OriginNumbers, new { @class = "k-input", type = "hidden", @readonly = "readonly" })
@Html.RadioButtonFor(m => m.IsPublicAmount, false, new { @class = "radio", disabled = "disabled" })
@Html.RadioButtonFor(m => m.IsPublic, "true", new { id = "IsPublic", disabled = "disabled" })
@Html.CheckBoxFor(x => Model.Company[i].ServiceFee, new { @class = "ServiceFee_" + Model.Company[i].Year, disabled = "disabled" })< label>사용< /label>                    

//한글 입력방지  :ime-mode:disabled
@Html.TextBoxFor(m => m.MobileMiddle, new { @class = "k-input", maxlength = "4", style = "ime-mode:disabled;", onkeydown = "numberCheck(this, event, false);" })

[스크립트에서 처리]
$('#ManagerAddress').attr("readonly", true);
$("#SharpMail").prop('disabled',true);
$("#SharpMail").prop("disabled", "disabled");
$("#SharpMail").prop("disabled", "");
$("#SharpMail").attr("disabled", true);
$("#SharpMail").removeAttr("disabled");
$("input[id=SharpMail"+sYear+"]").attr("disabled",false);
document.getElementById("SharpMail").readOnly = true;

 

Leave a Reply

error: Content is protected !!