質問するログイン新規登録

質問編集履歴

1

HTML出力文を追記しました。

2016/09/22 02:03

投稿

mimura_yusuke
mimura_yusuke

スコア39

title CHANGED
File without changes
body CHANGED
@@ -37,6 +37,199 @@
37
37
  </div>
38
38
  </div>
39
39
 
40
+ HTML出力文
41
+
42
+ <!DOCTYPE html>
43
+ <html>
44
+ <head>
45
+ <title>Home |LifetimeApp</title>
46
+ <link rel="stylesheet" media="all" href="/assets/application-6b1f6a1866026c77a66c9bcca65bc91ec946313e50be1ce1622273aa79ef4b37.css" data-turbolinks-track="true" />
47
+ <script src="/assets/application-af0a262c47892cf8b2a798b13d3eba4b8bf59292c45baed5daf326fac3ff24ee.js" data-turbolinks-track="true"></script>
48
+ <meta name="csrf-param" content="authenticity_token" />
49
+ <meta name="csrf-token" content="lsaoZmeVjPuAKa06CaQjdEmOhNcgqc9lCb/+ZbBvVs0imkXYgii9kdpfm7qqRNBpp6LAihIQNPu1ej9aDHcdsA==" />
50
+ </head>
51
+ <body>
52
+ <header class="navbar navbar-fixed-top navbar-inverse">
53
+ <div class="container">
54
+ <a id="logo" href="/">LifetimeApp</a>
55
+ </div>
56
+ </header>
57
+ <div class="container">
58
+
59
+ <div class="row">
60
+ <div class="col-xs-12">
61
+ <h1>入力した年齢までの残り日数を表示します</h1>
62
+ <div class="center jumbotron">
63
+ <form action="/calculate" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="authenticity_token" value="YKF+Fb/VNJ7JWuc+SzNiiQqICkjbk5KE85irPpIH2fDU/ZOrWmgF9JMs0b7o05GU5KROFekqaRpPXWoBLh+SjQ==" />
64
+ <div class="inputbirth">
65
+ <label class="birthdaylabel" for="birthday">生年月日</label>
66
+ <select id="birthday_birthday_1i" name="birthday[birthday(1i)]" class="form-control bootstrap-date">
67
+ <option value=""></option>
68
+ <option value="1916">1916</option>
69
+ <option value="1917">1917</option>
70
+ <option value="1918">1918</option>
71
+ <option value="1919">1919</option>
72
+ <option value="1920">1920</option>
73
+ <option value="1921">1921</option>
74
+ <option value="1922">1922</option>
75
+ <option value="1923">1923</option>
76
+ <option value="1924">1924</option>
77
+ <option value="1925">1925</option>
78
+ <option value="1926">1926</option>
79
+ <option value="1927">1927</option>
80
+ <option value="1928">1928</option>
81
+ <option value="1929">1929</option>
82
+ <option value="1930">1930</option>
83
+ <option value="1931">1931</option>
84
+ <option value="1932">1932</option>
85
+ <option value="1933">1933</option>
86
+ <option value="1934">1934</option>
87
+ <option value="1935">1935</option>
88
+ <option value="1936">1936</option>
89
+ <option value="1937">1937</option>
90
+ <option value="1938">1938</option>
91
+ <option value="1939">1939</option>
92
+ <option value="1940">1940</option>
93
+ <option value="1941">1941</option>
94
+ <option value="1942">1942</option>
95
+ <option value="1943">1943</option>
96
+ <option value="1944">1944</option>
97
+ <option value="1945">1945</option>
98
+ <option value="1946">1946</option>
99
+ <option value="1947">1947</option>
100
+ <option value="1948">1948</option>
101
+ <option value="1949">1949</option>
102
+ <option value="1950">1950</option>
103
+ <option value="1951">1951</option>
104
+ <option value="1952">1952</option>
105
+ <option value="1953">1953</option>
106
+ <option value="1954">1954</option>
107
+ <option value="1955">1955</option>
108
+ <option value="1956">1956</option>
109
+ <option value="1957">1957</option>
110
+ <option value="1958">1958</option>
111
+ <option value="1959">1959</option>
112
+ <option value="1960">1960</option>
113
+ <option value="1961">1961</option>
114
+ <option value="1962">1962</option>
115
+ <option value="1963">1963</option>
116
+ <option value="1964">1964</option>
117
+ <option value="1965">1965</option>
118
+ <option value="1966">1966</option>
119
+ <option value="1967">1967</option>
120
+ <option value="1968">1968</option>
121
+ <option value="1969">1969</option>
122
+ <option value="1970">1970</option>
123
+ <option value="1971">1971</option>
124
+ <option value="1972">1972</option>
125
+ <option value="1973">1973</option>
126
+ <option value="1974">1974</option>
127
+ <option value="1975">1975</option>
128
+ <option value="1976">1976</option>
129
+ <option value="1977">1977</option>
130
+ <option value="1978">1978</option>
131
+ <option value="1979">1979</option>
132
+ <option value="1980">1980</option>
133
+ <option value="1981">1981</option>
134
+ <option value="1982">1982</option>
135
+ <option value="1983">1983</option>
136
+ <option value="1984">1984</option>
137
+ <option value="1985">1985</option>
138
+ <option value="1986">1986</option>
139
+ <option value="1987">1987</option>
140
+ <option value="1988">1988</option>
141
+ <option value="1989">1989</option>
142
+ <option value="1990">1990</option>
143
+ <option value="1991">1991</option>
144
+ <option value="1992">1992</option>
145
+ <option value="1993">1993</option>
146
+ <option value="1994">1994</option>
147
+ <option value="1995">1995</option>
148
+ <option value="1996">1996</option>
149
+ <option value="1997">1997</option>
150
+ <option value="1998">1998</option>
151
+ <option value="1999">1999</option>
152
+ <option value="2000">2000</option>
153
+ <option value="2001">2001</option>
154
+ <option value="2002">2002</option>
155
+ <option value="2003">2003</option>
156
+ <option value="2004">2004</option>
157
+ <option value="2005">2005</option>
158
+ <option value="2006">2006</option>
159
+ <option value="2007">2007</option>
160
+ <option value="2008">2008</option>
161
+ <option value="2009">2009</option>
162
+ <option value="2010">2010</option>
163
+ <option value="2011">2011</option>
164
+ <option value="2012">2012</option>
165
+ <option value="2013">2013</option>
166
+ <option value="2014">2014</option>
167
+ <option value="2015">2015</option>
168
+ <option value="2016">2016</option>
169
+ </select>
170
+ 年<select id="birthday_birthday_2i" name="birthday[birthday(2i)]" class="form-control bootstrap-date">
171
+ <option value=""></option>
172
+ <option value="1">1</option>
173
+ <option value="2">2</option>
174
+ <option value="3">3</option>
175
+ <option value="4">4</option>
176
+ <option value="5">5</option>
177
+ <option value="6">6</option>
178
+ <option value="7">7</option>
179
+ <option value="8">8</option>
180
+ <option value="9">9</option>
181
+ <option value="10">10</option>
182
+ <option value="11">11</option>
183
+ <option value="12">12</option>
184
+ </select>
185
+ 月<select id="birthday_birthday_3i" name="birthday[birthday(3i)]" class="form-control bootstrap-date">
186
+ <option value=""></option>
187
+ <option value="1">1</option>
188
+ <option value="2">2</option>
189
+ <option value="3">3</option>
190
+ <option value="4">4</option>
191
+ <option value="5">5</option>
192
+ <option value="6">6</option>
193
+ <option value="7">7</option>
194
+ <option value="8">8</option>
195
+ <option value="9">9</option>
196
+ <option value="10">10</option>
197
+ <option value="11">11</option>
198
+ <option value="12">12</option>
199
+ <option value="13">13</option>
200
+ <option value="14">14</option>
201
+ <option value="15">15</option>
202
+ <option value="16">16</option>
203
+ <option value="17">17</option>
204
+ <option value="18">18</option>
205
+ <option value="19">19</option>
206
+ <option value="20">20</option>
207
+ <option value="21">21</option>
208
+ <option value="22">22</option>
209
+ <option value="23">23</option>
210
+ <option value="24">24</option>
211
+ <option value="25">25</option>
212
+ <option value="26">26</option>
213
+ <option value="27">27</option>
214
+ <option value="28">28</option>
215
+ <option value="29">29</option>
216
+ <option value="30">30</option>
217
+ <option value="31">31</option>
218
+ </select>
219
+
220
+ </div>
221
+ <br>
222
+ <br>
223
+ <div class="inputage">
224
+ <input type="number" name="age" id="age" min="1" max="120" /> 歳までの日数を計算<br>
225
+ </div>
226
+ <input type="submit" name="commit" value="計算する" class="btn btn-lg btn-primary" />
227
+ </form> </div>
228
+ </div>
229
+ </div>
230
+ </div>
231
+ </body>
232
+ </html>
40
233
  ```
41
234
 
42
235
  ###試したこと