联系人表单样式问题

问题描述：

我正在尝试设置我在我的网站上设置的联系人表单。我拿了一个现成的（HTML与CSS样式和PHP的动作），但是当我把它放在我的HTML，它不链接HTML与CSS。我应该如何定义div？谢谢。联系人表单样式问题

<div id="contact" class="contact"> 
 
    <div class="row"> 
 
     <div class="divider4"></div> 
 
     <form action="mail.php" method="post" id="vreme"> 
 
    
 
      <div class="column-1"> 
 
       YOUR NAME<br/><br/> 
 
       <input name="name" id="name" value="" /> 
 
      </div> 
 

 
    
 
      <div class="column-2"> 
 
       YOUR E-MAIL<br/><br/> 
 
       <input name="email" id="email" value="" /> 
 
      </div> 
 

 
      <div class="column-3"> 
 
       MESSAGE<br/><br/>   
 
       <textarea id="message" name="message" ></textarea> 
 
      </div> 
 

 
      <div class="button"> 
 
       <span><input class="submit" id="submit" name="submit" type="submit" value="Send"></span> 
 
      </div> 
 
     </form> 
 
    </div> 
 
</div>

“它不会在HTML与CSS链接” - 为什么呢，有代码中没有你的CSS提供。 – Quentin

“我应该如何定义divs？” - 随你怎么便？我们不知道你在努力达成什么。 – Quentin

答

您有加入的CSS参考网页标题？在

<link rel="stylesheet" href="css/form-style.css" type="text/css">

答

应该有一个CSS网站的给定的HTML表单的CSS文件。您应该通过在html头部提到以下代码将form.css文件连接到form.html文章。检查它并看看

<html> 

<head> 
<link rel="stylesheet" href="css/form.css" type="text/css"> 
</head> 

<body> 
<div id="contact" class="contact"> 
    <div class="row"><div class="divider4"></div> 
    <form action="mail.php" method="post" id="vreme"> 

    <div class="column-1"> 
      YOUR NAME<br/><br/> 
      <input name="name" id="name" value="" /> 
      </div> 


    <div class="column-2"> 
      YOUR E-MAIL<br/><br/> 
      <input name="email" id="email" value="" /> 
      </div> 

    <div class="column-3"> 
      MESSAGE<br/><br/>   
      <textarea id="message" name="message" ></textarea> 
      </div> 

    <div class="button"> 
       <span><input class="submit" id="submit" name="submit" type="submit" value="Send"></span> 
       </div> 
</form> 
    </div></div> 

</body> 
</html>

答

我已经包含了CSS引用，其余的我的页面样式工作，那不是。奇怪的部分是，我从之前的一个网站上取得了这个，并且它在那里完美地工作。

<link rel="stylesheet" href="assets/style.css" type="text/css">

答

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>Form Style</title> 
<link type="text/css" rel="stylesheet" href="css/form.css"/> //css/form.css - select your file location 
/* OR */ 
<style type="text/css"> 
/*Paste your css style code here*/ 
</style> 
</head> 
<body> 
<div id="contact" class="contact"> 
    <div class="row"> 
     <div class="divider4"></div> 
     <form name="mail" action="mail.php" method="post" id="vreme"> 

      <div class="column-1"> 
       YOUR NAME<br/><br/> 
       <input name="name" id="name" value="" /> 
      </div> 


      <div class="column-2"> 
       YOUR E-MAIL<br/><br/> 
       <input name="email" id="email" value="" /> 
      </div> 

      <div class="column-3"> 
       MESSAGE<br/><br/>   
       <textarea id="message" name="message" ></textarea> 
      </div> 

      <div class="button"> 
       <span><input class="submit" id="submit" name="submit" type="submit" value="Send"></span> 
      </div> 
     </form> 
    </div> 
</div> 
</body> 
</html>

希望这有助于...

联系人表单样式问题

相关推荐