<!DOCTYPE html>
<html>
<head>
<title>Semantic UI</title>
<link href=
rel="stylesheet" />
</head>
<body>
<center>
<h1>Geeksforgeeks</h1>
<strong>Semantic UI Checkbox Status</strong>
</center>
<br><br>
<hr>
<strong>Semantic-UI Checkbox-Status:</strong>
<br><br>
<div class="ui grid">
<strong>Read-only Checkbox:</strong>
<div class="four wide column">
<div class="ui read-only checkbox">
<input type="checkbox">
<label>Accept terms and conditions</label>
</div>
</div>
<strong>Checked Checkbox:</strong>
<div class="four wide column">
<div class="ui checked checkbox">
<input type="checkbox" name="example"
checked="">
<label>Accept terms and conditions</label>
</div>
</div>
<strong>Checkbox:</strong>
<div class="four wide column">
<div class="ui checkbox">
<input type="checkbox" name="example">
<label>Accept terms and conditions</label>
</div>
</div>
<strong>Disabled Checkbox:</strong>
<div class="four wide column">
<div class="ui checkbox disabled">
<input type="checkbox" name="example">
<label>Accept terms and conditions</label>
</div>
</div>
</div>
</body>
</html>