disabled/selected HTML attributes have a value assigned to be valid XHTML

app/rest/templates/option.tpl

@@ -1,5 +1,5 @@
-% disabled = (get("disabled", False) and "disabled") or ""
-% selected = (get("selected", False) and "selected") or ""
+% disabled = (get("disabled", False) and 'disabled="true"') or ""
+% selected = (get("selected", False) and 'selected="true"') or ""
 % display = get("display", value)
 % setdefault("indent", "  ")
-{{indent}}<option value="{{value}}" {{disabled}} {{selected}}>{{display}}</option>
+{{indent}}<option value="{{value}}" {{!disabled}} {{!selected}}>{{display}}</option>

test/rest/templates/test_include-exclude.py

@@ -13,19 +13,19 @@ from bottle import template
 <div class="pure-u-1">
 
 <select id="item-include" name="item" size=10 multiple style="width: calc(100% - 1em); margin: 0 1em 1em">
-  <option value="Include" disabled >Include</option>
+  <option value="Include" disabled="true" >Include</option>
 
   <option value="val1-to-backend"  >val1</option>
-  <option value="val2" disabled >val2</option>
+  <option value="val2" disabled="true" >val2</option>
 </select>
 </div>
 <div class="pure-u-1">
 
 <select id="item-exclude" name="item" size=10 multiple style="width: calc(100% - 1em); margin: 0 1em 1em">
-  <option value="Exclude" disabled >Exclude</option>
+  <option value="Exclude" disabled="true" >Exclude</option>
 
   <option value="val1-to-backend"  >val1</option>
-  <option value="val2" disabled >val2</option>
+  <option value="val2" disabled="true" >val2</option>
 </select>
 </div>
   </div>

test/rest/templates/test_options.py

@@ -3,7 +3,7 @@ from bottle import template
 
 @mark.parametrize('expected, params', [
     ("""<optgroup label="Group">
-  <option value="val-to-backend"  selected>val-displayed</option>
+  <option value="val-to-backend"  selected="true">val-displayed</option>
 </optgroup>""", {
     "optgroup": "Group", "options": [
     {
@@ -12,7 +12,7 @@ from bottle import template
         "display": "val-displayed",
     }, ] }),
     ("""<optgroup label="Group">
-  <option value="val-to-backend" disabled >val-to-backend</option>
+  <option value="val-to-backend" disabled="true" >val-to-backend</option>
 </optgroup>""", { "optgroup": "Group", "options": [
     {
         "value": "val-to-backend",
@@ -20,7 +20,7 @@ from bottle import template
     }, ] }),
     ("""<optgroup label="Group">
   <option value="val1-to-backend"  >val1</option>
-  <option value="val2-to-backend" disabled >val2-to-backend</option>
+  <option value="val2-to-backend" disabled="true" >val2-to-backend</option>
 </optgroup>""", { "optgroup": "Group", "options": [
     {
         "value": "val1-to-backend",

test/rest/templates/test_select-one.py

@@ -20,7 +20,7 @@ from bottle import template
   <option value="L"  >L</option>
   <option value="Pieces"  >Pieces</option>
   <option value="g"  >g</option>
-  <option value="kg"  selected>kg</option>
+  <option value="kg"  selected="true">kg</option>
   <option value="mL"  >mL</option>
 </select>
 </div></div>

test/rest/templates/test_select.py

@@ -6,10 +6,10 @@ from bottle import template
     ("""<div class="pure-u-1">
 <label for="select-id">Choose: </label>
 <select id="select-id" name="select-name" size=10 multiple style="width: calc(100% - 1em); margin: 0 1em 1em">
-  <option value="hint" disabled >hint</option>
+  <option value="hint" disabled="true" >hint</option>
 <optgroup label="Group">
   <option value="val1-to-backend"  >val1</option>
-  <option value="val2" disabled >val2</option>
+  <option value="val2" disabled="true" >val2</option>
 </optgroup>
 </select>
 </div>""", {
@@ -29,7 +29,7 @@ from bottle import template
 
 
   <option value="val1"  >val1</option>
-  <option value="val2"  selected>val2</option>
+  <option value="val2"  selected="true">val2</option>
 </select>
 </div>""",{
     "id": "select-unit-id", "name": "unit", "children": [{ "options": [
@@ -43,14 +43,14 @@ from bottle import template
     ("""<div class="pure-u-1">
 <label for="select-id">Choose: </label>
 <select id="select-id" name="select-name" size=10 multiple style="width: calc(100% - 1em); margin: 0 1em 1em">
-  <option value="hint" disabled >hint</option>
+  <option value="hint" disabled="true" >hint</option>
 <optgroup label="Group">
   <option value="val1-to-backend"  >val1</option>
-  <option value="val2" disabled >val2</option>
+  <option value="val2" disabled="true" >val2</option>
 </optgroup>
 
   <option value="val1"  >val1</option>
-  <option value="val2"  selected>val2</option>
+  <option value="val2"  selected="true">val2</option>
 </select>
 </div>""",{
     "id": "select-id", "label": "Choose: ", "name": "select-name",