solid-ui-jss/Documentation/form-examples/edit-form.html at editChat · JavaScriptSolidServer/solid-ui-jss · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>Edit a form with the Form Form</title>

    <meta name="generator"
            content="HTML Tidy for Mac OS X (vers 31 October 2006 - Apple Inc. build 15.17), see www.w3.org"/>
    <meta http-equiv="Content-Type" content=
            "text/html; charset=us-ascii"/>

    <link type="text/css" rel="stylesheet" href="https://solid.github.io/mashlib/dist/mash.css"/>
    <link type="text/css" rel="stylesheet" href="../style/demo-style.css"/>
<!-- <script type="text/javascript" src="https://solid.github.io/mashlib/dist/mashlib.js"></script> -->
    <script type="text/javascript" src="https://timbl.com/timbl/Automation/Library/Mashup/mashlib.js"></script>
    <script type="text/javascript" src="test-form.js"></script>
</head>

<body>
<div class="TabulatorOutline" id="DummyUUID">
    <table id="outline" summary="Space for where the test happens">
    </table>
</div>

<div class="TabulatorOutline" id='UITestArea'></div>

<h1>Edit a form with the Form Form</h1>
<div>
    <table style=
            'border-collapse: collapse; border: 0.1em solid gray; margin: 1em;' summary=
            "Table of form and data values and UI outputs generated">
        <tbody>

        <tr class="form-demo">
            <td class='input' source="http://www.w3.org/ns/ui#FormForm">
            </td>
            <td class='target'>
<pre>
  ex:this a ui:Form;
   dc:title "Basic details";
    ui:parts (ex:part1 ex:part2).

        ex:part1 a ui:SingleLineTextField ;
        ui:property vcard:fn;
        ui:label "name" .

        ex:part2 a ui:EmailField ;
        ui:property vcard:hasEmail;
        ui:label "email" .

</pre>
            </td> <td class='output'></td>
        </tr>

        </tbody>
    </table>
</div>
</body>
</html>