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

質問編集履歴

2

追記

2020/05/12 15:01

投稿

yu_yu
yu_yu

スコア7

title CHANGED
File without changes
body CHANGED
@@ -11,4 +11,111 @@
11
11
 
12
12
 
13
13
  <hr>を2つ付けた場合は上記のようにグレーの線とブラックの線が出てきます。
14
- 1つのみにした場合は色が反映されずグレーの線になります。
14
+ 1つのみにした場合は色が反映されずグレーの線になります。
15
+
16
+
17
+ <追記>
18
+ 下記がHTMLとCSSになります。<hr>タグは
19
+ <%= f.fields_for :schedules do |f| %>の下についています。
20
+
21
+ ```ここに言語を入力
22
+
23
+ <%= nested_form_for(@user) do |f| %>
24
+ <% if user.errors.any? %>
25
+ <div id="error_explanation">
26
+ <h2><%= pluralize(user.errors.count, "error") %> prohibited this user from being saved:</h2>
27
+
28
+ <ul>
29
+ <% user.errors.full_messages.each do |message| %>
30
+ <li><%= message %></li>
31
+ <% end %>
32
+ </ul>
33
+ </div>
34
+ <% end %>
35
+
36
+
37
+ <div class="field">
38
+ <%= f.label "企業名" %>
39
+ <%= f.text_field :company,class:"form-control",placeholder:"企業名" %>
40
+ </div>
41
+
42
+ <div class="field">
43
+ <%= f.label "ユーザーID" %>
44
+ <%= f.text_field :userid,class:"form-control",placeholder:"ユーザーID" %>
45
+ </div>
46
+
47
+ <div class="field">
48
+ <%= f.label "パスワード" %>
49
+ <%= f.text_field :pass,class:"form-control",placeholder:"パスワード" %>
50
+ </div>
51
+
52
+ <div class="field">
53
+ <%= f.label "メモ" %>
54
+ <%= f.text_field :memo,class:"form-control",placeholder:"メモ" %>
55
+ </div>
56
+
57
+
58
+
59
+
60
+
61
+ <%= f.fields_for :schedules do |f| %>
62
+ <hr color="black">
63
+ <div class="field">
64
+ <%= f.collection_select :category_id, @category, :id, :name,{:prompt => "予定を選択"},class:"form-control",id:"select-form"%>
65
+ <%= f.text_field :time, class:"form-control",placeholder:"日程"%>
66
+ </div>
67
+ <div class="buttons">
68
+ <%= f.link_to_remove do%>
69
+ <span class="glyphicon glyphicon-trash"></span>
70
+ </div>
71
+
72
+ <% end %>
73
+ <% end %>
74
+
75
+
76
+ <%= f.link_to_add "予定の追加", :schedules, class:"button-4" %>
77
+ <%= f.submit "作成",class:"button-4-1"%>
78
+
79
+
80
+
81
+ <% end %>
82
+
83
+
84
+ ```
85
+ ```ここに言語を入力
86
+
87
+
88
+
89
+ @import "bootstrap-sprockets";
90
+ @import "bootstrap";
91
+
92
+
93
+
94
+ #select-form {
95
+ width:150px;
96
+ }
97
+
98
+
99
+ .container{
100
+ width:800px;
101
+ margin:0 auto;
102
+ }
103
+
104
+ .glyphicon{
105
+ color: #F08080;
106
+
107
+
108
+ }
109
+
110
+ .buttons{
111
+ text-align:right;
112
+ text-decoration: none;
113
+ }
114
+
115
+
116
+ .new-back{
117
+ margin-top:20px;
118
+
119
+ }
120
+
121
+ ```

1

誤字の修正

2020/05/12 15:01

投稿

yu_yu
yu_yu

スコア7

title CHANGED
File without changes
body CHANGED
@@ -10,5 +10,5 @@
10
10
  ![![イメージ説明](5202cc326fb03f9ad934ee5c3b45193d.jpeg)
11
11
 
12
12
 
13
- <hr>を2つ付けた場合は上記のようにグレーの線ブラックの線が出てきます。
13
+ <hr>を2つ付けた場合は上記のようにグレーの線ブラックの線が出てきます。
14
14
  1つのみにした場合は色が反映されずグレーの線になります。