HTML 布林屬性值

admin發表於2019-01-07
HTML

有不少標籤屬性，無需設定屬性值，比如disabled、checked與selected。

下面以核取方塊為例子做一下說明，看如下程式碼：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style type="text/css">
input{
  width:20px;
  height:20px;
}
</style>  
</head>
<body>
  <input type="checkbox" checked>
  <input type="checkbox" checked=true>
  <input type="checkbox" checked="checked">
</body>
</html>

程式碼執行效果截圖如下：

a:3:{s:3:\"pic\";s:43:\"portal/201901/07/155951m3qlvpqqqlf4qq2f.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

checked屬性不需要設定值，只需要新增此屬性，核取方塊就會被選中。

disabled或者selected等屬性也是同樣的道理，無需設定屬性值，可以節省若干程式碼量，也符合標準。

上述幾個屬性還有一些地方需要注意，具體參閱checked屬性值是true還是checked一文。

相關文章