From 8d490287908d01bf53c703588d4a84550ef7d69a Mon Sep 17 00:00:00 2001
From: Youmin Ha <youmin.ha@samsung.com>
Date: Wed, 6 Feb 2013 19:30:52 +0900
Subject: [PATCH] tizen-winset: Add name attr to all radio inputs

Added name="" attribute to all radio input elements, and wrapped them in
one <form> element. This makes those radio buttons to be checkable.
Fixes N_SE-24494.

Change-Id: I4afd1a1004f8918341aba3f4945dace0d2c7eeb4
---
 .../widgets/list/list-collapsible.html             |  4 ++-
 .../tizen-winsets/widgets/list/list-dialogue.html  | 18 ++++++------
 .../widgets/list/list-normal_anchor.html           | 32 ++++++++++++----------
 .../widgets/list/list-normal_no_anchor.html        | 30 ++++++++++----------
 4 files changed, 46 insertions(+), 38 deletions(-)

diff --git a/demos/tizen-winsets/widgets/list/list-collapsible.html b/demos/tizen-winsets/widgets/list/list-collapsible.html
index d8f6850..4775c4a 100644
--- a/demos/tizen-winsets/widgets/list/list-collapsible.html
+++ b/demos/tizen-winsets/widgets/list/list-collapsible.html
@@ -3,6 +3,7 @@
 		<h1>Collapsible list (JQM)</h1>
 	</div>
 	<div data-role="content">
+		<form>
 		<ul data-role="listview">
 			<div data-role="collapsible" data-inset="false">
 				<li class="ui-li-dialogue">1line</li>
@@ -32,7 +33,7 @@
 			<li class="ui-li-has-radio ui-li-dialogue" data-expandable="true" id="exp5">
 				<span class="ui-li-text-main">2line-radio1</span>
 				<span class="ui-li-text-sub">Subtext</span>
-				<form><input type="radio" /></form>
+				<form><input type="radio" name="collapsible-radio" /></form>
 			</li>
 			<li class="ui-li-dialogue" data-expandable="true" id="exp6">
 				<span class="ui-li-color-bar" style="background-color:rgba(72, 136, 42, 1);"></span>
@@ -42,6 +43,7 @@
 				<img src="thumbnail.jpg" class="ui-li-bigicon">
 			</li>
 		</ul>
+		</form>
 	</div>
 	<div data-role="footer">
 	</div>
diff --git a/demos/tizen-winsets/widgets/list/list-dialogue.html b/demos/tizen-winsets/widgets/list/list-dialogue.html
index b3efd25..3aa4c85 100644
--- a/demos/tizen-winsets/widgets/list/list-dialogue.html
+++ b/demos/tizen-winsets/widgets/list/list-dialogue.html
@@ -3,6 +3,7 @@
 		<h1>Dialog lists</h1>
 	</div>
 	<div class="content" data-role="content" data-scroll="y">
+		<form>
 		<ul data-role="listview">
 			<li data-role="list-divider" data-style="dialogue">Dialogue</li>
 			<li class="ui-li-dialogue">
@@ -55,12 +56,12 @@
 				</select>
 			</li>
 			<li class="ui-li-dialogue">
-				<form><input type="checkbox" data-style="check" name="c1line-check2" /></form>
+				<input type="checkbox" data-style="check" name="c1line-check2" />
 				1line-check1
 				<div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
 			</li>
 			<li class="ui-li-dialogue">
-				<form><input type="radio" /></form>
+				<input type="radio" name="radio" />
 				1line-radio3
 				<div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
 			</li>
@@ -79,12 +80,12 @@
 				<div data-role="button" data-inline="true">button</div>
 			</li>
 			<li class="ui-li-has-multiline ui-li-dialogue">
-				<form><input type="checkbox"  name="c2line-check1" /></form>
+				<input type="checkbox"  name="c2line-check1" />
 				2line-check
 				<span class="ui-li-text-sub">Subtext</span>
 			</li>
 			<li class="ui-li-has-multiline ui-li-dialogue">
-				<form><input type="radio" /></form>
+				<input type="radio" name="radio" />
 				2line-radio1
 				<span class="ui-li-text-sub">Subtext</span>
 			</li>
@@ -167,14 +168,14 @@
 			</li>
 			<li class="ui-li-dialogue">
 				<a>
-					<form><input type="checkbox" data-style="check" name="c1line-check2" /></form>
+					<input type="checkbox" data-style="check" name="c1line-check2" />
 					1line-check1 (with link)
 					<div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
 				</a>
 			</li>
 			<li class="ui-li-dialogue">
 				<a>
-					<form><input type="radio" /></form>
+					<input type="radio" name="radio" />
 					1line-radio3 (with link)
 					<div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
 				</a>
@@ -201,14 +202,14 @@
 			</li>
 			<li class="ui-li-has-multiline ui-li-dialogue">
 				<a>
-					<form><input type="checkbox"  name="c2line-check1" /></form>
+					<input type="checkbox"  name="c2line-check1" />
 					2line-check (with link)
 					<span class="ui-li-text-sub">Subtext</span>
 				</a>
 			</li>
 			<li class="ui-li-has-multiline ui-li-dialogue">
 				<a>
-					<form><input type="radio" /></form>
+					<input type="radio" name="radio" />
 					2line-radio1 (with link)
 					<span class="ui-li-text-sub">Subtext</span>
 				</a>
@@ -224,6 +225,7 @@
 				</a>
 			</li>
 		</ul>
+		</form>
 	</div>
 	<div data-role="footer">
 	</div>
diff --git a/demos/tizen-winsets/widgets/list/list-normal_anchor.html b/demos/tizen-winsets/widgets/list/list-normal_anchor.html
index 76e1528..8c872dc 100644
--- a/demos/tizen-winsets/widgets/list/list-normal_anchor.html
+++ b/demos/tizen-winsets/widgets/list/list-normal_anchor.html
@@ -3,6 +3,7 @@
 		<h1>Normal anchor lists</h1>
 	</div>
 	<div class="content" data-role="content" data-scroll="y">
+		<form>
 		<ul data-role="listview">
 
 			<li>
@@ -86,14 +87,14 @@
 
 			<li class="ui-li-has-checkbox">
 				<a href="#">
-					<form><input type="checkbox" name="c1line-check1" /></form>
+					<input type="checkbox" name="c1line-check1" />
 					1line-check1
 				</a>
 			</li>
 
 			<li class="ui-li-has-checkbox">
 				<a href="#">
-					<form><input type="checkbox" name="c1line-check2" /></form>
+					<input type="checkbox" name="c1line-check2" />
 					1line-check2
 					<div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
 				</a>
@@ -101,7 +102,7 @@
 
 			<li class="ui-li-has-checkbox">
 				<a href="#">
-					<form><input type="checkbox"  name="c1line-check3" /></form>
+					<input type="checkbox"  name="c1line-check3" />
 					<img src="thumbnail.jpg" class="ui-li-bigicon" >
 					1line-check3
 				</a>
@@ -109,7 +110,7 @@
 
 			<li class="ui-li-has-checkbox">
 				<a href="#">
-					<form><input type="checkbox"  name="c1line-check4" /></form>
+					<input type="checkbox"  name="c1line-check4" />
 					<img src="thumbnail.jpg" class="ui-li-bigicon">
 					1line-check4
 					<div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
@@ -118,14 +119,14 @@
 
 			<li class="ui-li-has-radio">
 				<a href="#">
-					<form><input type="radio" /></form>
+					<input type="radio" name="1line-radio" />
 					1line-radio1
 				</a>
 			</li>
 
 			<li class="ui-li-has-radio">
 				<a href="#">
-					<form><input type="radio" /></form>
+					<input type="radio" name="1line-radio" />
 					1line-radio3
 					<div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
 				</a>
@@ -133,7 +134,7 @@
 
 			<li class="ui-li-has-radio">
 				<a href="#">
-					<form><input type="radio" /></form>
+					<input type="radio" name="1line-radio" />
 					<img src="thumbnail.jpg" class="ui-li-bigicon">
 					1line-radio4
 				</a>
@@ -141,7 +142,7 @@
 
 			<li class="ui-li-has-radio">
 				<a href="#">
-					<form><input type="radio" /></form>
+					<input type="radio" name="1line-radio" />
 					1line-radio5
 					<img src="thumbnail.jpg" class="ui-li-bigicon">
 					<div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
@@ -150,7 +151,7 @@
 
 			<li class="ui-li-has-radio">
 				<a href="#">
-					<form><input type="radio" /></form>
+					<input type="radio" name="1line-radio" />
 					1line-radio6
 					<img src="thumbnail.jpg" class="ui-li-bigicon">
 				</a>
@@ -289,7 +290,7 @@
 
 			<li class="ui-li-has-checkbox ui-li-has-multiline">
 				<a href="#">
-					<form><input type="checkbox"  name="c2line-check1" /></form>
+					<input type="checkbox"  name="c2line-check1" />
 					2line-check
 					<span class="ui-li-text-sub">Subtext</span>
 				</a>
@@ -297,7 +298,7 @@
 
 			<li class="ui-li-has-checkbox ui-li-has-multiline">
 				<a href="#">
-					<form><input type="checkbox"  name="c2line-check2" /></form>
+					<input type="checkbox"  name="c2line-check2" />
 					2line-check2
 					<span class="ui-li-text-sub">Subtext</span>
 					<div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
@@ -306,7 +307,7 @@
 
 			<li class="ui-li-has-checkbox ui-li-has-multiline">
 				<a href="#">
-					<form><input type="checkbox"  name="c2line-check3" /></form>
+					<input type="checkbox"  name="c2line-check3" />
 					<img src="thumbnail.jpg" class="ui-li-bigicon">
 					2line-check3
 					<span class="ui-li-text-sub">Subtext</span>
@@ -315,7 +316,7 @@
 
 			<li class="ui-li-has-checkbox ui-li-has-multiline">
 				<a href="#">
-					<form><input type="radio" /></form>
+					<input type="radio" name="2line-radio" />
 					2line-radio1
 					<span class="ui-li-text-sub">Subtext</span>
 				</a>
@@ -323,7 +324,7 @@
 
 			<li class="ui-li-has-checkbox ui-li-has-multiline">
 				<a href="#">
-					<form><input type="radio" /></form>
+					<input type="radio" name="2line-radio" />
 					<img src="thumbnail.jpg" class="ui-li-bigicon">
 					2line-radio2
 					<span class="ui-li-text-sub">Subtext</span>
@@ -425,7 +426,7 @@
 
 			<li class="ui-li-has-checkbox ui-li-has-multiline">
 				<a href="#">
-					<form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
+					<input type="checkbox"  name="c2line-icon-bigicon-btn" />
 					<img src="thumbnail.jpg" class="ui-li-bigicon">
 					2line-3items
 					<span class="ui-li-text-sub">Subtext</span>
@@ -442,6 +443,7 @@
 				</a>
 			</li>
 		</ul>
+		<form>
 	</div>
 	<div data-role="footer">
 	</div>
diff --git a/demos/tizen-winsets/widgets/list/list-normal_no_anchor.html b/demos/tizen-winsets/widgets/list/list-normal_no_anchor.html
index d9861d6..5c70f36 100644
--- a/demos/tizen-winsets/widgets/list/list-normal_no_anchor.html
+++ b/demos/tizen-winsets/widgets/list/list-normal_no_anchor.html
@@ -3,6 +3,7 @@
 		<h1>Normal lists</h1>
 	</div>
 	<div class="content" data-role="content" data-scroll="y">
+		<form>
 		<ul data-role="listview">
 
 			<li>
@@ -70,50 +71,50 @@
 			</li>
 
 			<li class="ui-li-has-checkbox">
-				<form><input type="checkbox" name="c1line-check2" /></form>
+				<input type="checkbox" name="c1line-check2" />
 				1line-check2
 				<div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
 			</li>
 
 			<li class="ui-li-has-checkbox">
-				<form><input type="checkbox"  name="c1line-check3" /></form>
+				<input type="checkbox"  name="c1line-check3" />
 				<img src="thumbnail.jpg" class="ui-li-bigicon">
 				1line-check3
 			</li>
 
 			<li class="ui-li-has-checkbox">
-				<form><input type="checkbox"  name="c1line-check4" /></form>
+				<input type="checkbox"  name="c1line-check4" />
 				<img src="thumbnail.jpg" class="ui-li-bigicon">
 				1line-check4
 				<div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
 			</li>
 
 			<li class="ui-li-has-radio">
-				<form><input type="radio" /></form>
+				<input type="radio" name="1line-radio" />
 				1line-radio1
 			</li>
 
 			<li class="ui-li-has-radio">
-				<form><input type="radio" /></form>
+				<input type="radio" name="1line-radio" />
 				1line-radio3
 				<div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
 			</li>
 
 			<li class="ui-li-has-radio">
-				<form><input type="radio" /></form>
+				<input type="radio" name="1line-radio" />
 				<img src="thumbnail.jpg" class="ui-li-bigicon">
 				1line-radio4
 			</li>
 
 			<li class="ui-li-has-radio">
-				<form><input type="radio" /></form>
+				<input type="radio" name="1line-radio" />
 				1line-radio5
 				<img src="thumbnail.jpg" class="ui-li-bigicon">
 				<div data-role="button" data-inline="true" data-icon="plus" data-style="circle"></div>
 			</li>
 
 			<li class="ui-li-has-radio">
-				<form><input type="radio" /></form>
+				<input type="radio" name="1line-radio" />
 				1line-radio
 				<img src="thumbnail.jpg" class="ui-li-bigicon">
 			</li>
@@ -213,33 +214,33 @@
 			</li>
 
 			<li class="ui-li-has-checkbox ui-li-has-multiline">
-				<form><input type="checkbox"  name="c2line-check1" /></form>
+				<input type="checkbox"  name="c2line-check1" />
 				2line-check
 				<span class="ui-li-text-sub">Subtext</span>
 			</li>
 
 			<li class="ui-li-has-checkbox ui-li-has-multiline">
-				<form><input type="checkbox"  name="c2line-check2" /></form>
+				<input type="checkbox"  name="c2line-check2" />
 				2line-check2
 				<span class="ui-li-text-sub">Subtext</span>
 				<div data-role="button" data-inline="true" data-icon="call" data-style="circle"></div>
 			</li>
 
 			<li class="ui-li-has-checkbox ui-li-has-multiline">
-				<form><input type="checkbox"  name="c2line-check3" /></form>
+				<input type="checkbox"  name="c2line-check3" />
 				<img src="thumbnail.jpg" class="ui-li-bigicon">
 				2line-check3
 				<span class="ui-li-text-sub">Subtext</span>
 			</li>
 
 			<li class="ui-li-has-radio ui-li-has-multiline">
-				<form><input type="radio" /></form>
+				<input type="radio" name="2line-radio" />
 				2line-radio1
 				<span class="ui-li-text-sub">Subtext</span>
 			</li>
 
 			<li class="ui-li-has-radio ui-li-has-multiline">
-				<form><input type="radio" /></form>
+				<input type="radio" name="2line-radio" />
 				<img src="thumbnail.jpg" class="ui-li-bigicon">
 				2line-radio2
 				<span class="ui-li-text-sub">Subtext</span>
@@ -319,7 +320,7 @@
 			</li>
 
 			<li class="ui-li-has-checkbox ui-li-has-multiline">
-				<form><input type="checkbox"  name="c2line-icon-bigicon-btn" /></form>
+				<input type="checkbox"  name="c2line-icon-bigicon-btn" />
 				<img src="thumbnail.jpg" class="ui-li-bigicon">
 				2line-3items
 				<span class="ui-li-text-sub">Subtext</span>
@@ -333,6 +334,7 @@
 				<img src="thumbnail.jpg" class="ui-li-bigicon">
 			</li>
 		</ul>
+		</form>
 	</div>
 	<div data-role="footer">
 	</div>
-- 
2.7.4