質問編集履歴

1

ソースコード更新

2016/05/28 04:52

投稿

Clementine
Clementine

スコア157

test CHANGED
File without changes
test CHANGED
@@ -10,13 +10,129 @@
10
10
 
11
11
  ```html
12
12
 
13
+
14
+
15
+ <!DOCTYPE html>
16
+
17
+ <head>
18
+
19
+ <meta charset="utf-8"/>
20
+
21
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
22
+
23
+
24
+
25
+ <link href="http://localhost/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
26
+
27
+ <link href="http://localhost/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
28
+
29
+ <link href="http://localhost/css\auth.css" rel="stylesheet" type="text/css" />
30
+
31
+ <script src="http://localhost/js/jquery.min.js" ></script>
32
+
33
+ <script src="http://localhost/js/bootstrap.min.js" ></script>
34
+
35
+
36
+
37
+
38
+
39
+ </head>
40
+
41
+
42
+
43
+ <body>
44
+
45
+
46
+
47
+ <div class="container">
48
+
49
+ <script type="text/javascript">
50
+
51
+ $(function(){
52
+
53
+ $('input[name=show_password]').change(function(){
54
+
55
+ var typ = "password";
56
+
57
+ var plh = $('input[name=password]').attr('placeholder');
58
+
59
+ var val = $('input[name=password]').val();
60
+
61
+ if($(this).is(':checked')){
62
+
63
+ typ = "text";
64
+
65
+ }
66
+
67
+ $('input[name=password]').replaceWith($('<input />').attr({
68
+
69
+ name: 'password',
70
+
71
+ type: typ,
72
+
73
+ class: 'form-control',
74
+
75
+ placeholder: plh,
76
+
77
+ value: val
78
+
79
+ }));
80
+
81
+ });
82
+
83
+ })
84
+
85
+ </script>
86
+
87
+
88
+
89
+ <form action="http://localhost/index.php/auth/signin" class="form-signin form" method="post" accept-charset="utf-8">
90
+
91
+ <h2 class="form-signin-heading">Please sign in</h2>
92
+
93
+
94
+
13
- <div class="input-group">
95
+ <div class="input-group">
96
+
97
+ <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
98
+
99
+ <input type="text" name="email" value="" placeholder="メールアドレス" class="form-control" autofocus="1" />
100
+
101
+ </div>
102
+
103
+
104
+
105
+ <div class="input-group">
14
106
 
15
107
  <span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
16
108
 
17
- <input type="password" name="password" value="" placeholder="パスワード" class="form-control" required="1" />
109
+ <input type="password" name="password" value="" placeholder="パスワード" class="form-control" />
18
110
 
19
- </div>
111
+ </div>
112
+
113
+
114
+
115
+ <div class="checkbox">
116
+
117
+ <label>
118
+
119
+ <input type="checkbox" name="show_password" value="1" />
120
+
121
+ &nbsp;パスワードを表示
122
+
123
+ </label>
124
+
125
+ </div>
126
+
127
+ <input type="submit" name="submit" value="サインイン" class="btn btn-lg btn-primary btn-block" />
128
+
129
+ </form> </div>
130
+
131
+ </body>
132
+
133
+
134
+
135
+ </html>
20
136
 
21
137
  ```
22
138