<!doctype html>
<
html
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
meta
name
=
"viewport"
content="
initial-scale
=
1
.0,
maximum-scale
=
1
.0,
user-scalable
=
no
">
<
link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"themes/metro/easyui.css"
>
<
link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"themes/mobile.css"
>
<
link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"themes/icon.css"
>
<
script
type
=
"text/javascript"
src
=
"jquery.min.js"
>
</
script
>
<
script
type
=
"text/javascript"
src
=
"jquery.easyui.min.js"
>
</
script
>
<
script
type
=
"text/javascript"
src
=
"jquery.easyui.mobile.js"
>
</
script
>
<
script
type
=
"text/javascript"
>
$(document).ready(function (){
$('#gfg').form({
novalidate: true
});
});
</
script
>
</
head
>
<
body
>
<
h1
>GeeksforGeeks</
h1
>
<
h3
>EasyUI jQuery form widget</
h3
>
<
div
class
=
"easyui-panel"
title
=
"New Topic"
style
=
"width:100%;max-width:400px;padding:30px 60px;"
>
<
form
id
=
"gfg"
method
=
"post"
>
<
div
style
=
"margin-bottom:20px"
>
<
input
class
=
"easyui-textbox"
name
=
"name"
style
=
"width:100%"
data-options
=
"label:'Name:'"
>
</
div
>
<
div
style
=
"margin-bottom:20px"
>
<
input
class
=
"easyui-textbox"
name
=
"email"
style
=
"width:100%"
data-options
=
"label:'Email:'"
>
</
div
>
<
div
style
=
"margin-bottom:20px"
>
<
input
class
=
"easyui-textbox"
name
=
"subject"
style
=
"width:100%"
data-options
=
"label:'Subject:'"
>
</
div
>
<
div
style
=
"text-align:center;padding:5px 0"
>
<
a
href
=
"javascript:void(0)"
class
=
"easyui-linkbutton"
onclick
=
"submitForm()"
style
=
"width:80px"
>Submit</
a
>
<
a
href
=
"javascript:void(0)"
class
=
"easyui-linkbutton"
onclick
=
"clearForm()"
style
=
"width:80px"
>Clear</
a
>
</
div
>
</
form
>
</
div
>
</
body
>
</
html
>