HTML

  <! DOCTYPE html > < html lang = "en" >   < head >     < meta charset = "UTF-8" />     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" />     < title > Text Area </ title >   </ head >   < body >     < form action = "/server" >       < label for = "feedback" > provide Feedback: </ label >       < textarea id = "feedback" name = "feedback" ></ textarea >       < button > submit </ button >       < br />       <!-- USING ATTRIBUTES -->       < label for = "feedback" > Provide FeedBack </ label >       < textarea         id = "feedback"         name = "feedback"         rows = "10"       ...

  <! DOCTYPE html > < html lang = "en" >   < head >     < meta charset = "UTF-8" />     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" />     < title > Volume </ title >   </ head >   < body >     < form action = "/server" >       < div >         < label form = "volume" > volume </ label >         < input type = "range" min = "0" max = "100" name = "vol" />         < button > submit </ button >       </ div >       <!-- STEP ATTRIBUTE -->         < input type = "range" min = "0" max = "100" name = "vol" step = "10" />         < button > submit </ button >     </ form >   </ body > </ ht...

  <! DOCTYPE html > < html lang = "en" >   < head >     < meta charset = "UTF-8" />     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" />     < title > Select </ title >   </ head >   < body >     < form action = "/server" >       < div >         < select name = "profession" id = "profession" >           < option value = "student" > student </ option >           < option value = "developer" > dev </ option >         </ select >         < button > submit </ button >       </ div >       <!-- USING SELECTED ATTRIBUTE -->       < select name = "fruit" id = "fruit" >        ...

  <! DOCTYPE html > < html lang = "en" >   < head >     < meta charset = "UTF-8" />     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" />     < title > Radio button </ title >   </ head >   < body >     < form action = "/server" >       < input type = "radio" name = "fruit" value = "apple" />       < label for = "apple" > apple </ label >       < input type = "radio" name = "fruit" value = "mango" />       < label for = "mango" > mango </ label >       < input type = "radio" name = "fruit" value = "orange" />       < label for = "orange" > orange </ label >       < button > submit </ button >     </ form >   </ body > </ ...

  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Check Box </ title > </ head > < body >     < form action = "/server" >     < input type = "checkbox" name = "age" id = "age" checked />     < label for = "age" > I am 18+ </ label >     < br />     < button > Enter </ button >     <!-- WHENEVER CHECK BOX IS TICKED "ON" IS PASSED INTO THE URL -->       <!-- USING VALUE ATTRIBUTE -->       < input type = "checkbox" name = "subject" id = "math" value = "math" />       < label for = "math" > math </ label >       < input type = "checkbox" name = "subject...

  <! DOCTYPE html > < html lang = "en" >   < head >     < meta charset = "UTF-8" />     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" />     < title > practice </ title >   </ head >   < body >     < form action = "https://www.google.com/search" >       < label for = "search" > search </ label >       < input type = "text" id = "search" name = "q" placeholder = "search in google" />       < button type = "submit" > Search </ button >     </ form >   </ body > </ html >