bootstrap

来源:3-1 基础表单

Colin2016

2017-03-13 15:14

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
<title>基础表单</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<body>
<form role="form">
  <div>
    <label for="exampleInputEmail1">邮箱:</label>
    <input type="email" id="exampleInputEmail1" placeholder="请输入您的邮箱地址">
  </div>
  <div>
    <label for="exampleInputPassword1">密码</label>
    <input type="password" id="exampleInputPassword1" placeholder="请输入您的邮箱密码">
  </div>
  <div>
    <label>
      <input type="checkbox"> 记住密码 </input>
    </label>
  </div>
  <button type="submit" class="btn btn-default">进入邮箱</button>
</form>
</body>
</html>

为什么这里的<input>标签不需要有对应的</input>?有点反h5吧?


写回答 关注

2回答

  • 慕仰9530090
    2017-03-13 15:21:50
    已采纳

    在HTML规范中,单独存在的标签是不需要使用/来自我关闭的,比如<br>,<input>,<hr>等等这样的标签都是符合语法的.
    在XHTML规范中,单独存在的标签要按照XML的语法规则进行自我关闭,上面三个标签就应写成<br />,<input />,<hr />
    由于你这段代码第一行的文档声明为html,也就不需要对单独存在的标签进行自我关闭了.

  • AlexQiu
    2017-03-13 15:23:12

    HTML里独立标签原本是没有关闭符号的,加个关闭符号效果上没什么影响,只是为了考虑到向后兼容及与其他语言的兼容,关闭掉显得更严谨。而且当有大量标签的时候,更方便之后的查阅和他人理解。

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题

Bootstrap

回答 2

bootstrap

回答 3

bootstrap

回答 1

bootstrap

回答 2

Bootstrap运用

回答 2