mirror of
https://github.com/jspsych/jsPsych.git
synced 2025-05-13 00:58:12 +00:00
46 lines
2.0 KiB
HTML
46 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
|
|
<script src="form.js"></script>
|
|
<style type="text/css"></style>
|
|
</head>
|
|
|
|
<body>
|
|
<fieldset>
|
|
<textarea></textarea>
|
|
</fieldset>
|
|
</body>
|
|
<script type="text/javascript">
|
|
var opt = {items:[{type:'fieldset', insideItems:[{type:'text', name:'firstname', display_info:'firstname', value:'T'},
|
|
{type:'plainText', display_info: "Plain Text Test --- Here are some choices: ", newline: true},
|
|
{type:'checkbox', name:'Image', display_info:{src:'./blue.png'}, value:'blue'},
|
|
{type:'checkbox', name:'Text', display_info:"Orange", value:'orange'},
|
|
{type:'button', name:'Button', display_info:'Button it!'},
|
|
{type:'textarea'},
|
|
{type:'select', name:'number', options:[{value:'1'},
|
|
{value: "2"},
|
|
{type:'optgroup', label:'>2', options:[{value:"3"}]}
|
|
]}]},
|
|
{type:'plainText', display_info:'===============================================================', newline: true},
|
|
{type:'plainText', display_info:'Withou Field Set Showcase', newline: true},
|
|
{type:'plainText', display_info:'===============================================================', newline: true},
|
|
{type:'text', name:'lastname', display_info:'firstname', value:'T'},
|
|
{type:'plainText', display_info: "Plain Text Test --- Here are some choices: ", newline: true},
|
|
{type:'checkbox', name:'Image', display_info:{src:'./blue.png'}, value:'blue'},
|
|
{type:'checkbox', display_info:"Orange", value:'orange'},
|
|
{type:'button', name:'Button', display_info:'Button it!'},
|
|
{type:'textarea'},
|
|
{type:'select', name:'number', options:[{value:'1'},
|
|
{value: "2"},
|
|
{type:'optgroup', label:'>2', options:[{value:"3"}]}
|
|
]}
|
|
]};
|
|
|
|
var form = new FormNode("body", opt);
|
|
//form.render();
|
|
|
|
|
|
</script>
|
|
|
|
</html> |