質問編集履歴
1
HTML出力文を追記しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -76,6 +76,392 @@
|
|
76
76
|
|
77
77
|
|
78
78
|
|
79
|
+
HTML出力文
|
80
|
+
|
81
|
+
|
82
|
+
|
83
|
+
<!DOCTYPE html>
|
84
|
+
|
85
|
+
<html>
|
86
|
+
|
87
|
+
<head>
|
88
|
+
|
89
|
+
<title>Home |LifetimeApp</title>
|
90
|
+
|
91
|
+
<link rel="stylesheet" media="all" href="/assets/application-6b1f6a1866026c77a66c9bcca65bc91ec946313e50be1ce1622273aa79ef4b37.css" data-turbolinks-track="true" />
|
92
|
+
|
93
|
+
<script src="/assets/application-af0a262c47892cf8b2a798b13d3eba4b8bf59292c45baed5daf326fac3ff24ee.js" data-turbolinks-track="true"></script>
|
94
|
+
|
95
|
+
<meta name="csrf-param" content="authenticity_token" />
|
96
|
+
|
97
|
+
<meta name="csrf-token" content="lsaoZmeVjPuAKa06CaQjdEmOhNcgqc9lCb/+ZbBvVs0imkXYgii9kdpfm7qqRNBpp6LAihIQNPu1ej9aDHcdsA==" />
|
98
|
+
|
99
|
+
</head>
|
100
|
+
|
101
|
+
<body>
|
102
|
+
|
103
|
+
<header class="navbar navbar-fixed-top navbar-inverse">
|
104
|
+
|
105
|
+
<div class="container">
|
106
|
+
|
107
|
+
<a id="logo" href="/">LifetimeApp</a>
|
108
|
+
|
109
|
+
</div>
|
110
|
+
|
111
|
+
</header>
|
112
|
+
|
113
|
+
<div class="container">
|
114
|
+
|
115
|
+
|
116
|
+
|
117
|
+
<div class="row">
|
118
|
+
|
119
|
+
<div class="col-xs-12">
|
120
|
+
|
121
|
+
<h1>入力した年齢までの残り日数を表示します</h1>
|
122
|
+
|
123
|
+
<div class="center jumbotron">
|
124
|
+
|
125
|
+
<form action="/calculate" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓" /><input type="hidden" name="authenticity_token" value="YKF+Fb/VNJ7JWuc+SzNiiQqICkjbk5KE85irPpIH2fDU/ZOrWmgF9JMs0b7o05GU5KROFekqaRpPXWoBLh+SjQ==" />
|
126
|
+
|
127
|
+
<div class="inputbirth">
|
128
|
+
|
129
|
+
<label class="birthdaylabel" for="birthday">生年月日</label>
|
130
|
+
|
131
|
+
<select id="birthday_birthday_1i" name="birthday[birthday(1i)]" class="form-control bootstrap-date">
|
132
|
+
|
133
|
+
<option value=""></option>
|
134
|
+
|
135
|
+
<option value="1916">1916</option>
|
136
|
+
|
137
|
+
<option value="1917">1917</option>
|
138
|
+
|
139
|
+
<option value="1918">1918</option>
|
140
|
+
|
141
|
+
<option value="1919">1919</option>
|
142
|
+
|
143
|
+
<option value="1920">1920</option>
|
144
|
+
|
145
|
+
<option value="1921">1921</option>
|
146
|
+
|
147
|
+
<option value="1922">1922</option>
|
148
|
+
|
149
|
+
<option value="1923">1923</option>
|
150
|
+
|
151
|
+
<option value="1924">1924</option>
|
152
|
+
|
153
|
+
<option value="1925">1925</option>
|
154
|
+
|
155
|
+
<option value="1926">1926</option>
|
156
|
+
|
157
|
+
<option value="1927">1927</option>
|
158
|
+
|
159
|
+
<option value="1928">1928</option>
|
160
|
+
|
161
|
+
<option value="1929">1929</option>
|
162
|
+
|
163
|
+
<option value="1930">1930</option>
|
164
|
+
|
165
|
+
<option value="1931">1931</option>
|
166
|
+
|
167
|
+
<option value="1932">1932</option>
|
168
|
+
|
169
|
+
<option value="1933">1933</option>
|
170
|
+
|
171
|
+
<option value="1934">1934</option>
|
172
|
+
|
173
|
+
<option value="1935">1935</option>
|
174
|
+
|
175
|
+
<option value="1936">1936</option>
|
176
|
+
|
177
|
+
<option value="1937">1937</option>
|
178
|
+
|
179
|
+
<option value="1938">1938</option>
|
180
|
+
|
181
|
+
<option value="1939">1939</option>
|
182
|
+
|
183
|
+
<option value="1940">1940</option>
|
184
|
+
|
185
|
+
<option value="1941">1941</option>
|
186
|
+
|
187
|
+
<option value="1942">1942</option>
|
188
|
+
|
189
|
+
<option value="1943">1943</option>
|
190
|
+
|
191
|
+
<option value="1944">1944</option>
|
192
|
+
|
193
|
+
<option value="1945">1945</option>
|
194
|
+
|
195
|
+
<option value="1946">1946</option>
|
196
|
+
|
197
|
+
<option value="1947">1947</option>
|
198
|
+
|
199
|
+
<option value="1948">1948</option>
|
200
|
+
|
201
|
+
<option value="1949">1949</option>
|
202
|
+
|
203
|
+
<option value="1950">1950</option>
|
204
|
+
|
205
|
+
<option value="1951">1951</option>
|
206
|
+
|
207
|
+
<option value="1952">1952</option>
|
208
|
+
|
209
|
+
<option value="1953">1953</option>
|
210
|
+
|
211
|
+
<option value="1954">1954</option>
|
212
|
+
|
213
|
+
<option value="1955">1955</option>
|
214
|
+
|
215
|
+
<option value="1956">1956</option>
|
216
|
+
|
217
|
+
<option value="1957">1957</option>
|
218
|
+
|
219
|
+
<option value="1958">1958</option>
|
220
|
+
|
221
|
+
<option value="1959">1959</option>
|
222
|
+
|
223
|
+
<option value="1960">1960</option>
|
224
|
+
|
225
|
+
<option value="1961">1961</option>
|
226
|
+
|
227
|
+
<option value="1962">1962</option>
|
228
|
+
|
229
|
+
<option value="1963">1963</option>
|
230
|
+
|
231
|
+
<option value="1964">1964</option>
|
232
|
+
|
233
|
+
<option value="1965">1965</option>
|
234
|
+
|
235
|
+
<option value="1966">1966</option>
|
236
|
+
|
237
|
+
<option value="1967">1967</option>
|
238
|
+
|
239
|
+
<option value="1968">1968</option>
|
240
|
+
|
241
|
+
<option value="1969">1969</option>
|
242
|
+
|
243
|
+
<option value="1970">1970</option>
|
244
|
+
|
245
|
+
<option value="1971">1971</option>
|
246
|
+
|
247
|
+
<option value="1972">1972</option>
|
248
|
+
|
249
|
+
<option value="1973">1973</option>
|
250
|
+
|
251
|
+
<option value="1974">1974</option>
|
252
|
+
|
253
|
+
<option value="1975">1975</option>
|
254
|
+
|
255
|
+
<option value="1976">1976</option>
|
256
|
+
|
257
|
+
<option value="1977">1977</option>
|
258
|
+
|
259
|
+
<option value="1978">1978</option>
|
260
|
+
|
261
|
+
<option value="1979">1979</option>
|
262
|
+
|
263
|
+
<option value="1980">1980</option>
|
264
|
+
|
265
|
+
<option value="1981">1981</option>
|
266
|
+
|
267
|
+
<option value="1982">1982</option>
|
268
|
+
|
269
|
+
<option value="1983">1983</option>
|
270
|
+
|
271
|
+
<option value="1984">1984</option>
|
272
|
+
|
273
|
+
<option value="1985">1985</option>
|
274
|
+
|
275
|
+
<option value="1986">1986</option>
|
276
|
+
|
277
|
+
<option value="1987">1987</option>
|
278
|
+
|
279
|
+
<option value="1988">1988</option>
|
280
|
+
|
281
|
+
<option value="1989">1989</option>
|
282
|
+
|
283
|
+
<option value="1990">1990</option>
|
284
|
+
|
285
|
+
<option value="1991">1991</option>
|
286
|
+
|
287
|
+
<option value="1992">1992</option>
|
288
|
+
|
289
|
+
<option value="1993">1993</option>
|
290
|
+
|
291
|
+
<option value="1994">1994</option>
|
292
|
+
|
293
|
+
<option value="1995">1995</option>
|
294
|
+
|
295
|
+
<option value="1996">1996</option>
|
296
|
+
|
297
|
+
<option value="1997">1997</option>
|
298
|
+
|
299
|
+
<option value="1998">1998</option>
|
300
|
+
|
301
|
+
<option value="1999">1999</option>
|
302
|
+
|
303
|
+
<option value="2000">2000</option>
|
304
|
+
|
305
|
+
<option value="2001">2001</option>
|
306
|
+
|
307
|
+
<option value="2002">2002</option>
|
308
|
+
|
309
|
+
<option value="2003">2003</option>
|
310
|
+
|
311
|
+
<option value="2004">2004</option>
|
312
|
+
|
313
|
+
<option value="2005">2005</option>
|
314
|
+
|
315
|
+
<option value="2006">2006</option>
|
316
|
+
|
317
|
+
<option value="2007">2007</option>
|
318
|
+
|
319
|
+
<option value="2008">2008</option>
|
320
|
+
|
321
|
+
<option value="2009">2009</option>
|
322
|
+
|
323
|
+
<option value="2010">2010</option>
|
324
|
+
|
325
|
+
<option value="2011">2011</option>
|
326
|
+
|
327
|
+
<option value="2012">2012</option>
|
328
|
+
|
329
|
+
<option value="2013">2013</option>
|
330
|
+
|
331
|
+
<option value="2014">2014</option>
|
332
|
+
|
333
|
+
<option value="2015">2015</option>
|
334
|
+
|
335
|
+
<option value="2016">2016</option>
|
336
|
+
|
337
|
+
</select>
|
338
|
+
|
339
|
+
年<select id="birthday_birthday_2i" name="birthday[birthday(2i)]" class="form-control bootstrap-date">
|
340
|
+
|
341
|
+
<option value=""></option>
|
342
|
+
|
343
|
+
<option value="1">1</option>
|
344
|
+
|
345
|
+
<option value="2">2</option>
|
346
|
+
|
347
|
+
<option value="3">3</option>
|
348
|
+
|
349
|
+
<option value="4">4</option>
|
350
|
+
|
351
|
+
<option value="5">5</option>
|
352
|
+
|
353
|
+
<option value="6">6</option>
|
354
|
+
|
355
|
+
<option value="7">7</option>
|
356
|
+
|
357
|
+
<option value="8">8</option>
|
358
|
+
|
359
|
+
<option value="9">9</option>
|
360
|
+
|
361
|
+
<option value="10">10</option>
|
362
|
+
|
363
|
+
<option value="11">11</option>
|
364
|
+
|
365
|
+
<option value="12">12</option>
|
366
|
+
|
367
|
+
</select>
|
368
|
+
|
369
|
+
月<select id="birthday_birthday_3i" name="birthday[birthday(3i)]" class="form-control bootstrap-date">
|
370
|
+
|
371
|
+
<option value=""></option>
|
372
|
+
|
373
|
+
<option value="1">1</option>
|
374
|
+
|
375
|
+
<option value="2">2</option>
|
376
|
+
|
377
|
+
<option value="3">3</option>
|
378
|
+
|
379
|
+
<option value="4">4</option>
|
380
|
+
|
381
|
+
<option value="5">5</option>
|
382
|
+
|
383
|
+
<option value="6">6</option>
|
384
|
+
|
385
|
+
<option value="7">7</option>
|
386
|
+
|
387
|
+
<option value="8">8</option>
|
388
|
+
|
389
|
+
<option value="9">9</option>
|
390
|
+
|
391
|
+
<option value="10">10</option>
|
392
|
+
|
393
|
+
<option value="11">11</option>
|
394
|
+
|
395
|
+
<option value="12">12</option>
|
396
|
+
|
397
|
+
<option value="13">13</option>
|
398
|
+
|
399
|
+
<option value="14">14</option>
|
400
|
+
|
401
|
+
<option value="15">15</option>
|
402
|
+
|
403
|
+
<option value="16">16</option>
|
404
|
+
|
405
|
+
<option value="17">17</option>
|
406
|
+
|
407
|
+
<option value="18">18</option>
|
408
|
+
|
409
|
+
<option value="19">19</option>
|
410
|
+
|
411
|
+
<option value="20">20</option>
|
412
|
+
|
413
|
+
<option value="21">21</option>
|
414
|
+
|
415
|
+
<option value="22">22</option>
|
416
|
+
|
417
|
+
<option value="23">23</option>
|
418
|
+
|
419
|
+
<option value="24">24</option>
|
420
|
+
|
421
|
+
<option value="25">25</option>
|
422
|
+
|
423
|
+
<option value="26">26</option>
|
424
|
+
|
425
|
+
<option value="27">27</option>
|
426
|
+
|
427
|
+
<option value="28">28</option>
|
428
|
+
|
429
|
+
<option value="29">29</option>
|
430
|
+
|
431
|
+
<option value="30">30</option>
|
432
|
+
|
433
|
+
<option value="31">31</option>
|
434
|
+
|
435
|
+
</select>
|
436
|
+
|
437
|
+
日
|
438
|
+
|
439
|
+
</div>
|
440
|
+
|
441
|
+
<br>
|
442
|
+
|
443
|
+
<br>
|
444
|
+
|
445
|
+
<div class="inputage">
|
446
|
+
|
447
|
+
<input type="number" name="age" id="age" min="1" max="120" /> 歳までの日数を計算<br>
|
448
|
+
|
449
|
+
</div>
|
450
|
+
|
451
|
+
<input type="submit" name="commit" value="計算する" class="btn btn-lg btn-primary" />
|
452
|
+
|
453
|
+
</form> </div>
|
454
|
+
|
455
|
+
</div>
|
456
|
+
|
457
|
+
</div>
|
458
|
+
|
459
|
+
</div>
|
460
|
+
|
461
|
+
</body>
|
462
|
+
|
463
|
+
</html>
|
464
|
+
|
79
465
|
```
|
80
466
|
|
81
467
|
|