<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
center
>
<
h1
>GeeksforGeeks</
h1
>
<
h4
>
Design a Fieldcontain mini
sized using jQuery Mobile
</
h4
>
<
form
style
=
"width: 50%;"
>
<
div
class
=
"ui-field-contain"
>
<
label
for
=
"TextInput1"
>Input Text:</
label
>
<
input
type
=
"text"
data-clear-btn
=
"false"
name
=
"TextInput1"
id
=
"TextInput1"
value
=
""
>
</
div
>
<
div
class
=
"ui-field-contain"
>
<
label
for
=
"TextInput2"
>
Text Input with clear Button:
</
label
>
<
input
type
=
"text"
data-clear-btn
=
"true"
name
=
"TextInput2"
id
=
"TextInput2"
value
=
""
>
</
div
>
<
div
class
=
"ui-field-contain"
>
<
label
for
=
"searchInput1"
>
Search Input:
</
label
>
<
input
type
=
"search"
name
=
"searchInput1"
id
=
"searchInput1"
value
=
""
>
</
div
>
<
div
class
=
"ui-field-contain"
>
<
label
for
=
"textareaInput"
>
Search Input with clear Button:
</
label
>
<
textarea
cols
=
"40"
rows
=
"8"
name
=
"textareaInput"
id
=
"textareaInput"
value
=
""
>
</
textarea
>
</
div
>
</
form
>
</
center
>
</
body
>
</
html
>