<head></head>
<body>
<!-- dialog -->
<button onclick=dakai()></button>
<dialog id='dialog'>this is a dialog</dialog>
<script>
var dakai=function(){
var x=document.getElementById("dialog").open
console.log(x)
if(x){
document.getElementById("dialog").removeAttribute('open')
}else{
document.getElementById("dialog").setAttribute('open','open')
}
</script>
</body>
</html>
文本框不可以编辑可以用两个属性来控制：
readonly，只读属性，文本可以选择、复制，但是不可以改变文本值
disabled，不可选择、复制、改变文本值。
js控制打开对话框的时候，同时改变对话框中的文本框的属性即可。
jq方法
$("input[type=text]").prop('readonly','readonly')
或者
$("input[type=text]").prop('disabled','disabled')
