Javascript CENTOS Lamp服务器上的HTML5验证_Javascript_Html_Forms_Input_Centos

Javascript CENTOS Lamp服务器上的HTML5验证

javascript html forms input centos

Javascript CENTOS Lamp服务器上的HTML5验证,javascript,html,forms,input,centos,Javascript,Html,Forms,Input,Centos,我有一张表格： <form method"post" action="#" class="form-horizontal" id="form"> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Email:</label> <div class="col-sm-10"> <input t

我有一张表格：

<form method"post" action="#" class="form-horizontal" id="form">
  <div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label">Email:</label>
    <div class="col-sm-10">
      <input type="email" name="email" placeholder="Email" class="form-control" id="email" required/>
    </div>
  </div>
  <div class="form-group">
    <label for="inputPassword3" class="col-sm-2 control-label">Subject:</label>
    <div class="col-sm-10">
      <input type="text" name="subject" placeholder="Subject" class="form-control" id="subject" required/>
    </div>
  </div>
  <div class="form-group">
    <label for="inputPassword3" class="col-sm-2 control-label">Message:</label>
    <div class="col-sm-10">
      <textarea name="message" rows="4" class="form-control" placeholder="Message" id="message" required></textarea>
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-primary btn-lg btn-block" id="send">Send</button>
    </div>
  </div>
  <div class="form-group hidden" id="successMsg">
    <label class="col-sm-2"></label>
    <label class="col-sm-10" style="color:#198C19;">Thanks for your message!</label>
  </div>
</form>


电邮：
主题：
信息：
发送
谢谢你的留言！

我希望对其进行验证，并在其旁边有一个很酷的小HTML5弹出窗口，表示它是必填字段，或者它不是

type=“email”

输入元素的电子邮件地址。我在我的机器上的本地服务器上工作时使用了这个。但在将其移动到我的CentOS服务器后，它就不再工作了。我正在CentOS上运行指示灯。我怎样才能让它工作呢？我以为它是内置在HTML5中的。另外，除了声明doctype为

之外，我还可能需要做其他任何事情来确保它被视为HTML5吗？

我已经确认此代码确实有效。顺便说一句：你提到了你的服务器；对于html来说，这真的不重要；只要服务器发送html，浏览器就会呈现标记（严格地说是客户端）

为了清楚起见，为了防止另一个标记影响渲染，下面是我在本地服务器上尝试的完整示例（在IE11、FF28、chrome 33.0.1750.154 m和chrome canary中使用）


电邮：
主题：
信息：
发送
谢谢你的留言！

您使用的是哪种浏览器？^是的，

<!doctype html>
<html>
<body>
<form method"post" action="#" class="form-horizontal" id="form">
  <div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label">Email:</label>
    <div class="col-sm-10">
      <input type="email" name="email" placeholder="Email" class="form-control" id="email" required/>
    </div>
  </div>
  <div class="form-group">
    <label for="inputPassword3" class="col-sm-2 control-label">Subject:</label>
    <div class="col-sm-10">
      <input type="text" name="subject" placeholder="Subject" class="form-control" id="subject" required/>
    </div>
  </div>
  <div class="form-group">
    <label for="inputPassword3" class="col-sm-2 control-label">Message:</label>
    <div class="col-sm-10">
      <textarea name="message" rows="4" class="form-control" placeholder="Message" id="message" required></textarea>
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-primary btn-lg btn-block" id="send">Send</button>
    </div>
  </div>
  <div class="form-group hidden" id="successMsg">
    <label class="col-sm-2"></label>
    <label class="col-sm-10" style="color:#198C19;">Thanks for your message!</label>
  </div>
</form>
</body>
</html>