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

diff --git a/demos/tizen-winsets/widgets/list/list-collapsible.html b/demos/tizen-winsets/widgets/list/list-collapsible.html
index d8f6850..4775c4a 100644 (file)
--- 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 (file)
--- 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 (file)
--- 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 (file)
--- 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>