質問編集履歴

1

htmlの追加

2021/10/13 09:09

投稿

art35
art35

スコア13

test CHANGED
File without changes
test CHANGED
@@ -247,3 +247,93 @@
247
247
 
248
248
 
249
249
  ```
250
+
251
+ ```
252
+
253
+ template
254
+
255
+
256
+
257
+ signup.html
258
+
259
+
260
+
261
+ <body class= "text-center">
262
+
263
+ <main class="form-signin">
264
+
265
+ <form class="form-signin" method="POST">{% csrf_token %}
266
+
267
+ {{ error }}
268
+
269
+ <h1 class="h3 mb-3 fw-normal">Please sign in</h1>
270
+
271
+ <!-- comment out<label for="inputEmail" class="visually-hidden">Email address</label> -->
272
+
273
+ <input type="text" id="inputEmail" class="form-control" placeholder="username" name='username' required autofocus>
274
+
275
+ <label for="inputPassword" class="visually-hidden">Password</label>
276
+
277
+ <input type="password" id="inputPassword" class="form-control" placeholder="Password" name='password' required autofocus>
278
+
279
+ <button class="w-100 btn btn-lg btn-primary" type="submit">Sign in</button>
280
+
281
+ <p class="mt-5 mb-3 text-muted">&copy; 2017-2021</p>
282
+
283
+ <p><a href="{% url 'login' %}">login</a></p>
284
+
285
+ </form>
286
+
287
+ </main>
288
+
289
+ </body>
290
+
291
+ ```
292
+
293
+ ```
294
+
295
+ login.html
296
+
297
+
298
+
299
+ <body class="text-center">
300
+
301
+ <div class="container">
302
+
303
+ <form method="POST">{% csrf_token %}<form>
304
+
305
+ <h1 class="h3 mb-3 fw-normal">Please login</h1>
306
+
307
+ {{ error }}
308
+
309
+
310
+
311
+ <div class="form-floating" style="width:25%; margin:auto;" >
312
+
313
+ <input type="text" class="form-control" id="floatingInput" placeholder="Username" name='username'>
314
+
315
+ <label for="floatingInput">username</label>
316
+
317
+ </div>
318
+
319
+ <div class="form-floating" style="width:25%; margin:auto;">
320
+
321
+
322
+
323
+ <input type="password" class="form-control" id="floatingPassword" placeholder="Password" name='password'>
324
+
325
+ <label for="floatingPassword">Password</label>
326
+
327
+ </div>
328
+
329
+ <button class="btn btn-lg btn-success" type="submit" style="width:20%">login</button>
330
+
331
+ <p class="mt-5 mb-3 text-muted">&copy; 2017-2021</p>
332
+
333
+ </form>
334
+
335
+ </div>
336
+
337
+ </body>
338
+
339
+ ```