<!DOCTYPE html>
<
html
>
<
head
>
<
title
>
Semantic-UI Form Disabled Field State
</
title
>
<
link
href
=
rel
=
"stylesheet"
/>
integrity
=
"sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
crossorigin
=
"anonymous"
>
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
div
class
=
"ui container center aligned"
>
<
h2
style
=
"color:green"
>
GeeksforGeeks
</
h2
>
<
h3
>Semantic-UI Form Disabled Field State</
h3
>
</
div
>
<
form
class
=
"ui container form"
>
<
div
class
=
"field"
>
<
div
class
=
"three fields"
>
<
div
class
=
"field"
>
<
label
>First Name</
label
>
<
input
type
=
"text"
name
=
"fname"
placeholder
=
"Enter First Name"
>
</
div
>
<
div
class
=
"field disabled"
>
<
label
>Second Name</
label
>
<
input
type
=
"text"
name
=
"sname"
placeholder
=
"Enter Second Name"
>
</
div
>
<
div
class
=
"field"
>
<
label
>Last Name</
label
>
<
input
type
=
"text"
name
=
"lname"
placeholder
=
"Enter Last Name"
>
</
div
>
</
div
>
<
div
class
=
"two fields"
>
<
div
class
=
"field disabled"
>
<
label
>Email Id</
label
>
<
input
type
=
"email"
name
=
"email"
placeholder
=
"Enter Email Id"
>
</
div
>
<
div
class
=
"field disabled"
>
<
label
>Mobile No</
label
>
<
input
type
=
"number"
name
=
"number"
placeholder
=
"Enter Mobile No"
>
</
div
>
</
div
>
<
div
class
=
"field"
>
<
label
>Short Notes</
label
>
<
textarea
></
textarea
>
</
div
>
<
div
class
=
"inline fields disabled"
>
<
label
for
=
"gender"
>Male/Female:</
label
>
<
div
class
=
"field"
>
<
div
class
=
"ui radio checkbox"
>
<
input
type
=
"radio"
name
=
"gender"
tabindex
=
"0"
class
=
"hidden"
>
<
label
>Male</
label
>
</
div
>
</
div
>
<
div
class
=
"field"
>
<
div
class
=
"ui radio checkbox"
>
<
input
type
=
"radio"
name
=
"gender"
tabindex
=
"0"
class
=
"hidden"
>
<
label
>Female</
label
>
</
div
>
</
div
>
<
div
class
=
"field"
>
<
div
class
=
"ui radio checkbox"
>
<
input
type
=
"radio"
name
=
"gender"
tabindex
=
"0"
class
=
"hidden"
>
<
label
>Other</
label
>
</
div
>
</
div
>
</
div
>
<
button
class
=
"ui button right"
type
=
"submit"
>
Submit
</
button
>
</
div
>
</
form
>
<
script
>
$('.ui.radio.checkbox').checkbox();
</
script
>
</
body
>
</
html
>