Spectre Forms Input types class is used to define the input types of the input field of a form. It can be implemented by pure HTML.
Forms Input types Classes: There is no defined class for the HTML input type.
Syntax:
<input type="HTML input type attribute">
Example:
HTML
<!DOCTYPE html> < html >
< head >
< link rel = "stylesheet"
href =
< link rel = "stylesheet"
href =
< link rel = "stylesheet"
href =
</ head >
< body >
< center >
< h1 class = "text-success" >GeeksforGeeks</ h1 >
< strong >SPECTRE Forms Input types class</ strong >
< br >
</ center >
< form class = "form-horizontal" >
< form class = "form-horizontal" >
< div class = "form-group" >
< label class = "form-label" >Name:</ label >
< input class = "form-input" type = "text" placeholder = "Name" >
< label class = "form-label" >Email Id:</ label >
< input class = "form-input" type = "text"
placeholder = "Email Id" >
</ div >
< label class = "form-label" >Gender:</ label >
< label class = "form-radio" >
< input type = "radio" name = "gender" >
< i class = "form-icon" ></ i > Male
</ label >
< label class = "form-radio" >
< input type = "radio" name = "gender" >
< i class = "form-icon" ></ i > Female
</ label >
< label class = "form-label" >
Feedback:
</ label >
< div class = "col-9 col-sm-12" >
< textarea class = "form-input" id = "input-example-1" rows = "3" >
</ textarea >
</ div >
< br >
< input type = "button" class = "btn"
value = "Submit" >
</ form >
</ body >
</ html >
|
Output:
Reference: https://picturepan2.github.io/spectre/elements/forms.html#forms-input