<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
center
>
<
h1
>GeeksforGeeks</
h1
>
<
h4
>
Design Number Input using jQuery Mobile
</
h4
>
<
form
style
=
"width: 50%;"
>
<
label
for
=
"numberInput1"
>Number Input Area:</
label
>
<
input
type
=
"number"
data-clear-btn
=
"false"
name
=
"numberInput1"
id
=
"numberInput1"
value
=
""
placeholder
=
"Enter Number..."
>
<
label
for
=
"numberInput2"
>
Number Input Area with clear button:
</
label
>
<
input
type
=
"number"
data-clear-btn
=
"true"
name
=
"numberInput2"
id
=
"numberInput2"
value
=
""
placeholder
=
"Enter Number..."
>
<
label
for
=
"numberInput3"
>
Number and pattern Input Area:
</
label
>
<
input
type
=
"number"
data-clear-btn
=
"false"
name
=
"numberInput3"
pattern
=
"[0-9]*"
id
=
"numberInput3"
value
=
""
placeholder
=
"Enter Number and pattern..."
>
<
label
for
=
"numberInput4"
>
Number and pattern Input Area with clear button:
</
label
>
<
input
type
=
"number"
data-clear-btn
=
"true"
name
=
"numberInput4"
pattern
=
"[0-9]*"
id
=
"numberInput4"
value
=
""
placeholder
=
"Enter Number and pattern..."
>
</
form
>
</
center
>
</
body
>
</
html
>