css怎样写才能让下拉框+文本框+搜索按钮=连在一起6

发布网友发布时间：2023-10-23 13:25

共2个回答

热心网友时间：2024-12-04 15:58

一行的表单.html 文件代码清单如下：

<!doctype html>
<html langj="zh">
  <head>
    <meta charset="utf-8">
    <title>一行的表单</title>
    <link rel="stylesheet" href="form.css">
  </head>

  <body>
    <form action="" method="">
      <fieldset>
        <legend></legend>
        <select>
          <option value="XXXX">XXXX</option>
          <option value="YYYY">YYYY</option>
          <option value="ZZZZ">ZZZZ</option>
        </select>
        <input type="text" placeholder=""><input type="button" value="搜索">
      </fieldset>
    </form>
  </body>
</html>

form.css 文件代码清单如下：

form {
display: inline-block;
}
select, input {
margin: 0;
padding: 0;
float: left;
}

热心网友时间：2024-12-04 15:59

padding : 0; margin : 0;