html5 怎么样把input type=text和input type=button 并排？ 1C
<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>
展开
收起
1
条回答
写回答
写回答
-
我们可以用一个div盒子将文本框和按钮包在一个盒子里面:
如：按钮
然后给他们样式：div{width:200px; height:30px;float:left} input{width:135px;height:30px;float:left} button{width:60px;height:30px;}这样文本框和按钮就在一行内了，如果想好看一点可以给div一个边框样式，input和button不要给边框，看起来就好看多了
2019-07-17 19:29:48赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
相关课程
更多
推荐问答
