Skip to content

Commit fe985ac

Browse files
nelsonicnelsonic
authored
Merge pull request dwyl#91 from dwyl/test-form
add a test web form with all input and form fields
2 parents 639afa4 + 4c5efa9 commit fe985ac

File tree

1 file changed

+204
-0
lines changed

1 file changed

+204
-0
lines changed

‎test.html

+204
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,204 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
8+
<title>test: html-form-send-email-via-google-script-without-server</title>
9+
10+
<meta name="description" content="Test all HTML form and input elements for html-form-send-email-via-google-script-without-server." />
11+
<meta name="author" content="dwyl">
12+
13+
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
14+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
15+
<link rel="stylesheet" href="https://cdn.rawgit.com/dwyl/html-form-send-email-via-google-script-without-server/master/style.css">
16+
</head>
17+
18+
<body>
19+
20+
<h1>Test All Form and Input Elements</h1>
21+
<p>
22+
Here is a form that is meant to include all form and input elements possible
23+
on a page. This way we can test out if the form functions as expected. We
24+
will populate with default values if possible or using Javascript to
25+
simplify testing.
26+
</p>
27+
28+
29+
<form id="gform" method="POST" class="pure-form pure-form-stacked" action="https://script.google.com/macros/s/AKfycbyF7zsZXQUZLKBOaVKfsrzyr30FPHprgqd8flvC5WeuYQJnc5E/exec">
30+
31+
<!--submit/button-->
32+
<button class="button-success pure-button button-xlarge">
33+
<i class="fa fa-paper-plane"></i>&nbsp;Send
34+
</button>
35+
36+
<!--text-field-->
37+
<fieldset class="pure-group">
38+
<label for="text">Name: </label>
39+
<input id="text" name="text" value="What your Mom calls you" />
40+
</fieldset>
41+
42+
<!--text-area-->
43+
<fieldset class="pure-group">
44+
<label for="text-area">Message: </label>
45+
<textarea id="text-area" name="text-area" rows="10">Tell us what's on your mind...</textarea>
46+
</fieldset>
47+
48+
<!--email-->
49+
<fieldset class="pure-group">
50+
<label for="email"><em>Your</em> Email Address:</label>
51+
<input id="email" name="email" type="email" required value="[email protected]" />
52+
<span id="email-invalid" style="visibility:hidden">
53+
Must be a valid email address</span>
54+
</fieldset>
55+
56+
<!--color-->
57+
<fieldset class="pure-group">
58+
<label for="color">Favourite Color: </label>
59+
<input type="color" name="color" />
60+
</fieldset>
61+
62+
<!--radio button-->
63+
<fieldset class="pure-group">
64+
<label for="radio">Choose a Programming Language: </label>
65+
<input type="radio" name="radio" value="js" checked />Javascript
66+
</fieldset>
67+
68+
<!--radio group-->
69+
<fieldset class="pure-group">
70+
<label for="radio-group">OK, Now Really Choose:</label>
71+
<input type="radio" name="radio-group" value="js" />Javascript
72+
<input type="radio" name="radio-group" value="java" />Java
73+
<input type="radio" name="radio-group" value="c++" />C++
74+
<input type="radio" name="radio-group" value="python" checked />Python
75+
<input type="radio" name="radio-group" value="other" />Other
76+
</fieldset>
77+
78+
<!--checkbox-->
79+
<fieldset class="pure-group">
80+
<label for="checkbox">What are you Most Comfortable With?</label>
81+
<input type="checkbox" name="checkbox" value="js" checked />Javascript
82+
</fieldset>
83+
84+
<!--checkboxes-->
85+
<fieldset class="pure-group">
86+
<label for="checkboxes">What are you Most Comfortable With?</label>
87+
<input type="checkbox" name="checkboxes" value="js" checked />Javascript
88+
<input type="checkbox" name="checkboxes" value="java" />Java
89+
<input type="checkbox" name="checkboxes" value="c++" />C++
90+
<input type="checkbox" name="checkboxes" value="python" checked />Python
91+
<input type="checkbox" name="checkboxes" value="other" checked />Other
92+
</fieldset>
93+
94+
<!--menu-->
95+
<fieldset class="pure-group">
96+
<label for="menu">Try Again:</label>
97+
<select name="menu">
98+
<option selected>Javascript</option>
99+
<option>Java</option>
100+
<option>C++</option>
101+
<option>Python</option>
102+
<option>Other</option>
103+
</select>
104+
</fieldset>
105+
106+
<!--list-->
107+
<fieldset class="pure-group">
108+
<label for="list">And Again:</label>
109+
<select name="list" size="5">
110+
<option>Javascript</option>
111+
<option>Java</option>
112+
<option>C++</option>
113+
<option selected>Python</option>
114+
<option>Other</option>
115+
</select>
116+
</fieldset>
117+
118+
<!--datalist-->
119+
<fieldset class="pure-group">
120+
<label for="datalist">And Yet Again!:</label>
121+
<input list="progLang" name="datalist" value="C++" />
122+
<datalist id="progLang">
123+
<option value="Javascript">
124+
<option value="Java">
125+
<option value="C++">
126+
<option value="Python">
127+
<option value="Other">
128+
</datalist>
129+
</fieldset>
130+
131+
<!--date-->
132+
<fieldset class="pure-group">
133+
<label for="date"></label>
134+
<input type="date" name="date" value="2017-03-16" />
135+
</fieldset>
136+
137+
<!--datetime-local-->
138+
<fieldset class="pure-group">
139+
<label for="datetime-local"></label>
140+
<input type="datetime-local" name="datetime-local" value="2017-03-16T23:59:59" />
141+
</fieldset>
142+
143+
<!--month-->
144+
<fieldset class="pure-group">
145+
<label for="month"></label>
146+
<input type="month" name="month" value="2017-10" />
147+
</fieldset>
148+
149+
<!--number-->
150+
<fieldset class="pure-group">
151+
<label for="number"></label>
152+
<input type="number" name="number" value="3" />
153+
</fieldset>
154+
155+
<!--range-->
156+
<fieldset class="pure-group">
157+
<label for="range"></label>
158+
<input type="range" name="range" value="76" min="0" max="100" />
159+
</fieldset>
160+
161+
<!--search-->
162+
<fieldset class="pure-group">
163+
<label for="search"></label>
164+
<input type="search" name="search" value="Bing || Google || DuckDuckGo" />
165+
</fieldset>
166+
167+
<!--tel-->
168+
<fieldset class="pure-group">
169+
<label for="tel"></label>
170+
<input type="tel" name="tel" value="012-345-6789" />
171+
</fieldset>
172+
173+
<!--time-->
174+
<fieldset class="pure-group">
175+
<label for="time"></label>
176+
<input type="time" name="time" value="10:51:36" />
177+
</fieldset>
178+
179+
<!--url-->
180+
<fieldset class="pure-group">
181+
<label for="url"></label>
182+
<input type="url" name="url" value="https://github.com/dwyl/html-form-send-email-via-google-script-without-server" />
183+
</fieldset>
184+
185+
<!--week-->
186+
<fieldset class="pure-group">
187+
<label for="week"></label>
188+
<input type="week" name="week" value="2017-W51" />
189+
</fieldset>
190+
191+
<!--hidden-->
192+
<input type="hidden" name="hidden" value="this is hidden" />
193+
194+
</form>
195+
196+
<div style="display:none;" id="thankyou_message">
197+
<h2><em>Thanks</em> for filling out our test form!
198+
We will get back to you soon!</h2>
199+
</div>
200+
201+
<script data-cfasync="false" type="text/javascript" src="form-submission-handler.js"></script>
202+
203+
</body>
204+
</html>

0 commit comments

Comments
 (0)