文字框的readonly和disabled屬性區別

青衫無名發表於2018-03-01

本章節簡單介紹一下標題中兩個屬性的主要區別，希望能夠給需要的朋友帶來幫助。

程式碼如下:















01


02


03


04


05


06


07


08


09


10


11


12


13


14


15


16


17


18


19


20


21






<!DOCTYPE html> 



<html> 




<head> 




<meta charset=" utf-8"> 




<meta name="author" content="http://www.softwhy.com/" /> 




<title>螞蟻部落</title> 




<style type="text/css">



li{



  list-style:none;




  height:30px;




  line-height:30px;



}



</style>




</head>




<body>




<ul>




  <li><input type="text" value="螞蟻部落一" readonly/></li>




  <li><input type="text" value="螞蟻部落二" disabled/></li>




</ul>




</body>




</html>

















以上程式碼就是設定了兩種不同的屬性，視覺上的不同一目瞭然，還有一個很重要的區別就是設定為只讀的文字框value值可以被表單提交，但是設定為不可用的文字框value值是不可以被提交的。




原文釋出時間為：2017-2-10


本文作者：admin


本文來自雲棲社群合作伙伴“螞蟻部落”，瞭解相關資訊可以關注螞蟻部落


原文連結：<input>文字框的readonly和disabled屬性區別










相關文章