summaryrefslogtreecommitdiff
path: root/html/form-kitchensink.html
blob: d68ff9562b4b43c2e9fc3a30e52cdcb6b5667859 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html>
 <head>
  <title>Forms with everything</title>
 </head>
 <body>
   <h1>Forms with everything</h1>
     <!-- button fieldset input object output select textarea -->
   <h2>Post form</h2>
   <form action="https://test.netsurf-browser.org/cgi-bin/env.cgi" method="post">
     <h3>button</h3>
     <p><button>post missing type</button></p>
     <p><button type="junk">post Junk</button></p>
     <p><button type="submit" value="pbuttonnoname">post Submit noname</button></p>
     <p><button type="submit" name="pbutton" value="pbuttonsub">post Submit</button></p>
     <p><button type="reset">post Reset</button></p>
     <p><button type="button">post Button</button></p>
     
     <h3>fieldset</h3>
     <fieldset>
       <legend>Fieldset</legend>
       <p><button type="submit" name="pfieldsetbutton" value="pfieldsetbuttonsub">post fieldset submit</button></p>
       <p><input type="submit" name="pfieldsetinputbutton" value="post fieldset input button"></p>
       <p><textarea name="pfieldsettextarea">post fieldset textarea</textarea></p>
     </fieldset>

     <h3>input</h3>
     <p><input type="hidden" name="pinputhidden" value="post input hidden"></p>
     <p><input type="text" name="pinputtext" value="post input text"></p>
     <p><input type="search" name="pinputsearch" value="post input search"></p>
     <p><input type="tel" name="pinputtel" value="post input tel"></p>
     <p><input type="url" name="pinputurl" value="http://www.netsurf-browser.org/"></p>
     <p><input type="email" name="pinputemail" value="support@netsurf-browser.org"></p>
     <p><input type="password" name="pinputpassword" value="post input password"></p>
     <p><input type="date" name="pinputdate" value="2020-12-28"></p>
     <p><input type="month" name="pinputmonth" value="2020-05"></p>
     <p><input type="week" name="pinputweek" value="2020-W22"></p>
     <p><input type="time" name="pinputtime" value="12:34"></p>
     <p><input type="datetime-local" name="pinputdatetime-local" value="2020-05-25T10:33"></p>
     <p><input type="number" name="pinputnumber" value="42"></p>
     <p><input type="range" name="pinputrange" value="33"></p>
     <p><input type="color" name="pinputcolor" value="#123456"></p>
     <p><input type="checkbox" name="pinputcheckbox" value="post input checkbox"></p>
     <p><input type="radio" name="pinputradio" value="post input radio"></p>
     <p><input type="file" name="pinputfile" value="post input file"></p>
     <p><input type="submit" name="pinputbutton" value="post input submit"></p>
     <p><input type="image" name="pinputimage" value="post input image"></p>
     <p><input type="reset" name="pinputreset" value="post input reset"></p>
     <p><input type="button" name="pinputbutton" value="post input button"></p>

     <h3>select</h3>
     <select name="pselect" required>
       <option value=""> Select value </option>
       <option value="1"> One </option>
       <option value="2"> Two </option>
       <option value="3"> Three </option>
       <option value="4"> Four </option>
       <option value="5"> Five </option>
     </select>
		 
     <h3>textarea</h3>
     <textarea name="ptextarea">0123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
0123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789</textarea>
   </form>

   <h2>Get form</h2>
   <form action="https://test.netsurf-browser.org/cgi-bin/env.cgi" method="get">
     <h3>button</h3>
     <p><button>get missing type</button></p>
     <p><button type="junk">get Junk</button></p>
     <p><button type="submit" value="gbuttonnoname">get Submit noname</button></p>
     <p><button type="submit" name="gbutton" value="gbuttonsub">get Submit</button></p>
     <p><button type="reset">get Reset</button></p>
     <p><button type="button">get Button</button></p>

     <h3>fieldset</h3>
     <fieldset>
       <legend>Fieldset</legend>
       <p><button type="submit" name="gfieldsetbutton" value="gfieldsetbuttonsub">get fieldset submit</button></p>
       <p><input type="submit" name="gfieldsetinputbutton" value="get fieldset input button"></p>
       <p><textarea name="gfieldsettextarea">get fieldset textarea</textarea></p>
     </fieldset>

     <h3>input</h3>
     <p><input type="hidden" name="ginputhidden" value="get input hidden"></p>
     <p><input type="text" name="ginputtext" value="get input text"></p>
     <p><input type="search" name="ginputsearch" value="get input search"></p>
     <p><input type="tel" name="ginputtel" value="get input tel"></p>
     <p><input type="url" name="ginputurl" value="http://www.netsurf-browser.org/"></p>
     <p><input type="email" name="ginputemail" value="support@netsurf-browser.org"></p>
     <p><input type="password" name="ginputpassword" value="get input password"></p>
     <p><input type="date" name="ginputdate" value="2020-12-28"></p>
     <p><input type="month" name="ginputmonth" value="2020-05"></p>
     <p><input type="week" name="ginputweek" value="2020-W22"></p>
     <p><input type="time" name="ginputtime" value="12:34"></p>
     <p><input type="datetime-local" name="ginputdatetime-local" value="2020-05-25T10:33"></p>
     <p><input type="number" name="ginputnumber" value="42"></p>
     <p><input type="range" name="ginputrange" value="33"></p>
     <p><input type="color" name="ginputcolor" value="#123456"></p>
     <p><input type="checkbox" name="ginputcheckbox" value="get input checkbox"></p>
     <p><input type="radio" name="ginputradio" value="get input radio"></p>
     <p><input type="file" name="ginputfile" value="get input file"></p>
     <p><input type="submit" name="ginputbutton" value="get input submit"></p>
     <p><input type="image" name="ginputimage" value="get input image"></p>
     <p><input type="reset" name="ginputreset" value="get input reset"></p>
     <p><input type="button" name="ginputbutton" value="get input button"></p>

     <h3>select</h3>
     <select name="gselect" required>
       <option value=""> Select value </option>
       <option value="1"> One </option>
       <option value="2"> Two </option>
       <option value="3"> Three </option>
       <option value="4"> Four </option>
       <option value="5"> Five </option>
     </select>
		 
     <h3>textarea</h3>
     <textarea name="gtextarea">0123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
0123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789</textarea>
   </form>
 </body>
</html>