代码之家 › 专栏 › 技术社区 › John Bernal

HTML显示字段集和按钮内联

fieldset inline css-float input html

1

John Bernal · 技术社区 · 13 年前

我有一个带有文本输入框和提交按钮的字段集。我希望它们出现在单行中,但字段集出现在一行中,然后continue出现在下一行中。这是我的html:

<label><fieldset class="registration_code">
    <legend>Registration Code</legend>
    <input type="text" name="regis_code" id="regis_code"/>
</fieldset>
    <input type="button" class="button2" name="Submit" value="Continue"/>
</label>

我已经尝试了使按钮或字段集内联、内联块、float:left和float:right的所有组合。他们都没有得到我想要的。我只想要一行显示这两个元素。我该怎么做?

2 回复 | 直到 13 年前

1

2

Lowkase 13 年前

不确定为什么将代码包装在标签标签中:

http://jsfiddle.net/hyxaK/1/

<fieldset class="registration_code">
    <legend>Registration Code</legend>
    <input type="text" name="regis_code" id="regis_code"/>
</fieldset>
<input type="button" class="button2" name="Submit" value="Continue"/>

.registration_code { display:inline-block; }

2

-1

code-jaff 13 年前

要么你可以这样做,

<label>
    <fieldset class="registration_code">
    <legend>Registration Code</legend>
    <input type="text" name="regis_code" id="regis_code"/>    
    <input type="button" class="button2" name="Submit" value="Continue"/>
    </fieldset>
</label>â

或者这样,

fieldset{
    display : inline-block;
}â

DEMO