Php 使整个页面成为链接时遇到问题
我的表单页面有一个奇怪的问题,我已经对它进行了编码,现在每当我尝试链接我的社交媒体网站时,最后一个网站会将整个表单作为链接,我尝试更改网站的css,但它不会更改任何内容,如果我将社交媒体链接到表单下方,它会将表单和社交媒体放在同一个框中无论使用Php 使整个页面成为链接时遇到问题,php,html,css,Php,Html,Css,我的表单页面有一个奇怪的问题,我已经对它进行了编码,现在每当我尝试链接我的社交媒体网站时,最后一个网站会将整个表单作为链接,我尝试更改网站的css,但它不会更改任何内容,如果我将社交媒体链接到表单下方,它会将表单和社交媒体放在同一个框中无论使用标记将它们分开 这是我的密码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">
标记将它们分开
这是我的密码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Cromika Web Designs - Contact</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript">
function checkForm() {
var theName = document.getElementById('name').value;
var theEmail = document.getElementById('email').value;
var theMessage = document.getElementById('message');
var emailerr = document.getElementById('emailspan');
var nameerr = document.getElementById('namespan');
var messageerr = document.getElementById('messagespan');
var message;
var myregex = /\S+@\S+\.\S+/;
if(theName==""){
message = 'Name is required;';
document.form1.name.focus();
nameerr.innerHTML = message;
return false;
} else{
nameerr.innerHTML ="";
}
if(theEmail=="") {
message = 'Email is required;';
document.form1.email.focus();
emailerr.innerHTML = message;
return false;
} else if (!myregex.test(theEmail)){
emailerr.innerHTML = "Your email entry is invalid;";
document.form1.email.focus();
return false;
} else {
emailer.innerHTML ="";
}
if(theMessage.value=="" || theMessage.value ==null || theMessage.value.indexOf('\n') > 0) {
message = 'Please enter your message;';
document.form1.message.focus();
messageerr.innerHTML = message;
return false;
} else {
messageerr.innerHTML = "";
}
}
</script>
<style>
</style>
</head>
<body>
<header><img src="images/simple-logo.png" alt="Cromika Web Designs logo"</img> </header>
<nav>
<ul>
<li><a href="index.html" class="current">Home</a></li>
<li><a href="about.html" class="current">About</a></li>
<li><a href="contact.php" class="current">Contact</a></li>
<li><a href="gallery.html" class="current">Gallery</a></li>
<li><a href="resume.html" class="current">Resume</a></li>
</ul>
</nav>
<h1> Contact me!</h1>
<?php
if(isset($_POST['send_email'])){
// collect the form values
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];
// set the email properties
$to = 'matthewc57@yahoo.com';
$subject = "Contact Form Submission";
$from = $email;
$headers = "From: $from";
// attempt to send the mail, catch errors if they occur
try {
mail($to, $subject, $message, $headers);
$msg = "<strong>Your mail was sent successfully!</strong>";
} catch(Exception $e) {
$msg = "An Exception was thrown: ".$e -> getMessage()."<br>";
}
}
?>
<p>
Social Media Links!
<a href="https://www.facebook.com/"><br>
<img src="images/FB-f-Logo__blue_29.png">
<a href="https://twitter.com/">
<img src="images/TwitterLogo.png" width="29px" height="29px"><br>
<a href="https://www.behance.net/">
<img src="images/PbyBehance-vertical-60px.png"><br>
</p>
<table align="left">
<form name="form1" method="post" action="<?php $_SERVER['PHP_SELF']?>" onSubmit="return checkForm()">
<tr> <th>Name:</th>
<td><input type="text" name="name" id="name" /><br><span style="color:red;" id="namespan"></span>
</td>
</tr>
<tr> <th>Email:</th>
<td><input type="text" name="email" id="email" /><br><span style="color:red;" id="emailspan"></span>
</td>
</tr>
<tr> <th>Message:</th>
<td><textarea name="message" id="message"></textarea><br><span style="color:red;" id="messagespan"></span>
</td>
</tr>
<tr> <td></td><td><input type="submit" name="send_email" value="Send Email Message" /></td></tr>
</form>
</table>
<p>
</p>
<footer>Created by - for on 11/13/2015</footer>
</body>
</html>
此问题通常发生在前一个标记未正确关闭时。您的问题是标题中的图像:
<header><img src="images/simple-logo.png" alt="Cromika Web Designs logo"</img> </header>
应该是:
<header><img src="images/simple-logo.png" alt="Cromika Web Designs logo"/> </header>
您有几个断开的链接,因为您一定忘了在
周围添加
-
-
-
-
-
联系我!
社交媒体链接!
您可以创建一个JSFIDLE或代码段吗?这是JSFIDLE链接谢谢您添加JSFIDLE:)您有几个断开的链接;写作回答:)我发现这是一个组合,我没有关闭网站链接,谢谢!但我意识到遗漏了另一个问题。你知道我怎样才能消除名称和文本字段之间的巨大差距吗?@Cro68使用text-align:right使用标签在th
元素上添加code>。感谢您的帮助@当然,这就是Stackoverflow构建的目的:)
<header><img src="images/simple-logo.png" alt="Cromika Web Designs logo"/> </header>