2016-09-18 3 views
0

Вот a link в простой форме HTML, которую я разработал. Я ищу лучший способ создать такой «встроенный», используя Ruby on Rails. Есть ли драгоценные камни или другие инструменты для создания такой формы?Разработка формы для приложения Ruby on Rails

Что мне действительно нужно, это своего рода вход в виде таблицы, состоящий из нескольких строк, которые можно редактировать по одному за раз. Выше этого, прокручивая и добавляя новые линии, когда это необходимо. Я думаю, что CoffeeScript/JavaScript или имитационные инструменты могли бы сделать эти трюки!

Это что-то затылок в течение довольно долгого времени; Я искал примеры и/или учебники, но до сих пор я не могу найти то, что действительно мне подходит. Любой отзыв или пример приветствуются!

Спасибо!

+0

Это вопрос CSS, а не рельсы один, это довольно простая форма, которая просто нуждается в каком-то стиле. –

+0

Это вопрос рельсов, имхо. Может быть, я недостаточно ясен; что я хотел бы знать, есть ли какие-то рельсы form_for setup или подобные, чтобы отображать поля ввода горизонтально? Почти во всех примерах, которые я видел, входы находятся на отдельных строках. –

+0

Возможно, для этого может быть драгоценный камень, но это может быть излишним для вас. Создание формы как обычно с помощью помощников рельсов, а затем добавление правила css, например 'input {display: inline; } 'будет отображаться горизонтально. –

ответ

1

Html -> Пожалуйста, проверьте образец HTML кода для горизонтальной формы

<label>E-Mail:</label> 
<input type="text" name="id" maxlength="30" value="" /> 
<label>Password:</label> 
<input type="text" name="pw" maxlength="30" value="" /> 
<input type="submit" name="submit" value="Login" /> 

После кода являются рельсами горизонтальных форм

<%= f.label :email %>: 
<%= f.text_field :email %> 
<%= f.label :password %>: 
<%= f.password_field :last_name %> 
<%= f.submit %> 

CSS ->

input,label { 
    float:left; 
    margin:5px; 
    } 

Для Jsfiddle пример Jsfiddle

Смежные вопросы