User:Sarthak Kundra/task2.html

body { font-family: sans-serif; font-size: 1em; } .container { width: 500px; height: 230px; border: 1px dotted black; padding: 16px; } // Create form elements (two text inputs and the button input, in this example). var input1 = new OO.ui.TextInputWidget( { 		value: 'Task'	} ), input2 = new OO.ui.TextInputWidget( { 		value: 'Description',	} ), submit = new OO.ui.ButtonInputWidget( { 		label: 'Create Task',		flags: [			'primary',			'progressive'		]	} ), // Create a FieldsetLayout. fieldset = new OO.ui.FieldsetLayout( { 		label: 'Create a task layout with a fieldset layout',		classes: [ 'container' ]	} ); // Use the addItems method to add FieldLayouts that contain the form // elements (the text inputs and submit button) to the FieldsetLayout: fieldset.addItems( [ 	new OO.ui.FieldLayout( input1, { label: 'Task', align: 'top' } ),	new OO.ui.FieldLayout( input2, { label: 'Description', align: 'top' } ),	new OO.ui.FieldLayout( submit )   ] ); // Add the FieldsetLayout to a FormLayout. var form = new OO.ui.FormLayout( {	items: [ fieldset ],	action: '/api/formhandler',	method: 'get' } ); $( document.body ).append( form.$element );