我可以在表单组中包含标题吗?

时间:2016-06-27 13:02:55

标签: html css twitter-bootstrap-3

我想知道我是否可以在表单组中包含标题/ s(h1)?我已经在代码段中添加了一个简单的表单作为示例。

如果我能够或不能以这种方式包含它,我不是很清楚吗?只是想确保我正确地做到了。

我这样做的原因是因为标题与表单的左侧完全齐平,否则将它们嵌套在表单组之外会使它们位于左侧。

那么,如果我希望使用标题,它们是否与表单中的图例属性相似?

干杯!

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<div class="container">
  <div class="col-md-12">
    <form>
      <div class="form-group">
        <h1>Form details</h1>
        <h4>Please fill out this form</h4>

        <label for="exampleInputEmail1">Email address</label>
        <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
      </div>
      <div class="form-group">
        <label for="exampleInputPassword1">Password</label>
        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
      </div>
      <button type="submit" class="btn btn-default">Submit</button>
    </form>
  </div>
</div>

1 个答案:

答案 0 :(得分:1)

没关系,但对SEO不好,你错过了标题之间的h2和h3标题