html5 怎么样把input type=text和input type=button 并排？

 <body>
<div data-role="page" id="page">
  <div data-role="header">
  <a href="#" data-role='button' data-rel="back">返回</a>
    <h1>搜人脉</h1>
  </div>
      <div data-role="content">

      <form action="#" method="POST">


        <fieldset data-role='controlgroup'>
        <input type='text' id='keyword'  placeholder="请输入用户名\职位\公司" style="display:inline" data-inline='true'  />
        <input type='button'  id='btnok' value='搜索' data-inline='true' style="display:inline"  />

        <div id='result' style='width:280px;background:#ffffff;border:1px #ccc solid;display:none'>
        </div>
        </fieldset>
        </form>

      </div>
</div>


# </body>

你是说水平的还是竖向的,一般用css定位.竖向的话你简单试下

 <br />

我们可以用一个div盒子将文本框和按钮包在一个盒子里面:
如：

按钮

然后给他们样式：
div{width:200px; height:30px;float:left}
input{width:135px;height:30px;float:left}
button{width:60px;height:30px;}
这样文本框和按钮就在一行内了，如果想好看一点可以给div一个边框样式，input和button不要给边框，看起来就好看多了

我们可以用一个div盒子将文本框和按钮包在一个盒子里面:
如：

按钮

<!--

-->

        <form action="#" method="POST">


            <fieldset data-role='controlgroup'>
                <input type='text' id='keyword'  placeholder="请输入用户名\职位\公司" style="display:inline" data-inline='true'  />

                <br />

                <input type='button'  id='btnok' value='搜索' data-inline='true' style="display:inline"  />

                <div id='result' style='width:280px;background:#ffffff;border:1px #ccc solid;display:none'>
                </div>
            </fieldset>
        </form>

    </div>
</div>

不能那么麻烦，直接给这两个元素都加上一条属性就ok。 display：inline-block。望采纳~

用div包裹，只要设置的宽度够，就会是在一行显示

    <input type='text' id='keyword'  placeholder="请输入用户名\职位\公司" style="display:inline" data-inline='true'  /><br/>
    <input type='button'  id='btnok' value='搜索' data-inline='true' style="display:inline"  />


            加个<br/>就可以了啊。

CSS:
 input{
 display:inline-block;
 float:left;
 width:100px
 }
 HTML:
<input type="text">
<input type="button">