小编kda*_*avh的帖子

我正在尝试使用twitter bootstrap对我的布局进行一些简单的调整,但是使用'input-append'类是困扰我的.我确定答案非常简单,但我是新手,而且我一直在花费太长时间试图找到答案.

我希望文本输入,按钮和结束文本div在同一行,我希望该按钮附加到文本输入.

这是我的jsfiddle:http://jsfiddle.net/kdavh/azF8w/2/

...专注于按钮周围的div:

<div class='span2'>
  <input class="btn btn-primary span2" type="submit" value="Search" />
</div>

如果我改成它

<div class='span2 input-append'> ...

该按钮采用正确的形状,但与文本输入分开

如果我取下span2并将其更改为

<div class='input-append'> ...

然后正确添加按钮,但随后将"结束文本"块推送到下一行.

我会饶恕你所尝试过的所有其他排列.我搜索过但找不到一个有效的例子.

有人可以帮忙吗？

可能重复:
将"readonly"添加到<input>(jQuery)

这太奇怪了,我希望有一个简单的解释.我正在使用Rails,但我认为这不重要.

我直接将readonly属性添加到我的项目html元素,我加载页面,输入字段的行为就像readonly一样.页面加载后,元素如下所示:

<input class="span6" id="event_title" name="event[title]" readonly="readonly" size="30" type="text" value="test">

但我真的想通过jquery添加它.当我这样做时:

$('#event_title').attr(readyonly", "readonly")

页面加载后,元素如下所示:

<input class="span6" id="event_title" name="event[title]" size="30" type="text" value="test" readyonly="readonly">

但该领域仍然可以编辑,没有任何只读的迹象!请帮忙....