如何让两个input紧挨着.

做一个搜索条,需要两个一个input和两个select紧挨着连在一起.

以前这么做的时候,是分别将这些标签放到一个div里面.然后让div紧挨着.

今天偶然发现,居然只要将这些标签在html放到一行里面就可以了!!!

<input type="text" /><select></select><select></select>

尼玛,折腾了一下午,知道真相的我眼泪差点掉下来.

时间： 2024-08-11 01:36:22

如何让两个input紧挨着.的相关文章

css两个紧挨着的css选择器修饰同一个元素

#status, .commands{ height: 25px; line-height: 25px;}.upload .commands{ float: right;}.hidden{ display: none;}#status{ float: left; font-size: 12px;}#status.error{ color: Red; width: 100%;}#status.info{ color: #333; width: 100%;}#status.success{ colo

在reset css后两个input之间还是出现默认间隔的问题。

<div class="search_box fl"> <input type="text" class="search_text" /> <input type="button" class="search_btn" value="搜索" /> </div> 将上面这种写法换成下面这种写法即可解决问题 <div class=&qu

两个input放一行不能对齐

若两个input都是text属性,并且不设置字号大小,那么两个input可以在一行 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>aa</title> <met

微信小程序-两个input叠加，多次点击字体变粗或闪动

问题描述: 当两个input叠加,多次点击input框, placeholder 字体变粗或input框闪动.如图: 代码:  <input placeholder='请输入昵称,手机号,客户名称' ></input>  <input placeholder='请输入昵称,手机号,客户名称' ></input> 效果示意图: 解决

js实现网页的两个input标签内的数值加减

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload=function(){ var oIput1=document.getElementById('put1'); var oIput2=document.getElementById('put2'); var nAdd=doc

table里有两个input，选中只选中一个

html: <input id="Checkbox1" type="checkbox" onclick="GetAllCheckBox(this)" /> <asp:CheckBox ID="chkptno" runat="server" /> js: <script language="javascript" type="text/javascr

解决sweetalert插件中不能添加两个input的问题

1.将html属性设置为true 2.将sweetalert.min.js文件中 <input type="text" tabIndex="3" />\n 修改为 <input id="swalInput" type="text" tabIndex="3" />\n 3.将sweetalert.css文件中.sweet-alert input { 修改为 .sweet-alert #

两个input，不能并排紧贴在一起，中间有空隙

做搜索框布局时,发现对input标签无法紧贴在一起,中间会出现空隙 <div class="right-content"> <form action="" class="search"> <input type="text" class="search_key" value="keywords"/> <input type="submi

vue+elementui 两个input利用model绑定且可以改变自己的值

<el-form-item label="名称1:"> <el-input v-model="form.title" placeholder=""></el-input> </el-form-item> <el-form-item label="名称2:"> <el-input v-model="form.desc" placeholder=