网站联系我们的代码怎么写

网站联系我们的代码怎么写,第1张

<!DOCTYPE html>

<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"><!--<![endif]-->

<head>

<!-- Basic Page Needs

================================================== -->

<meta charset="utf-8">

<title>zBabyCare</title>

<meta name="description" content="Free Responsive Html5 Css3 Templates ">

<!-- Mobile Specific Metas

================================================== -->

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS

================================================== -->

<link rel="stylesheet" href="css/zerogrid.css">

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

<link rel="stylesheet" href="css/lightbox.css">

<!-- Custom Fonts -->

<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

<link rel="stylesheet" href="css/menu.css">

<script src="js/jquery1111.min.js" type="text/javascript"></script>

<script src="js/script.js"></script>

</head>

<body>

<div class="wrap-body">

<div class="header">

<div id='cssmenu' >

<ul>

<li><a href='index.html'><span>zBabyCare</span></a></li>

<li class=' has-sub'><a href='#'><span>Category</span></a>

<ul>

<li class='has-sub'><a href='#'><span>Item 1</span></a>

<ul>

<li><a href='#'><span>Sub Item</span></a></li>

<li class='last'><a href='#'><span>Sub Item</span></a></li>

</ul>

</li>

<li class='has-sub'><a href='#'><span>Item 2</span></a>

<ul>

<li><a href='#'><span>Sub Item</span></a></li>

<li class='last'><a href='#'><span>Sub Item</span></a></li>

</ul>

</li>

</ul>

</li>

<li><a href='gallery.html'><span>Gallery</span></a></li>

<li><a href='single.html'><span>About</span></a></li>

<li class='last active'><a href='contact.html'><span>Contact</span></a></li>

</ul>

</div>

</div>

<!--Container-->

<section id="container">

<div class="wrap-container">

<div class="zerogrid">

<div class="row">

<h1 class="color-red" style="margin: 20px 0">Contact</h1>

<div class="col-full">

</div>

<div class="col-1-3">

<div class="wrap-col">

<h3 class="color-blue" style="margin: 20px 0">Contact Info</h3>

<span>SED UT PERSPICIATIS UNDE OMNIS ISTE NATUS ERROR SIT VOLUPTATEM ACCUSANTIUM DOLOREMQUE LAUDANTIUM, TOTAM REM APERIAM.</span>

<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque la udantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia.</p>

<p>JL.Kemacetan timur no.23. block.Q3<br>

Jakarta-Indonesia</p>

<p>+6221 888 888 90 <br>

+6221 888 88891</p>

<p>info@yourdomain.com</p>

</div>

</div>

<div class="col-2-3">

<div class="wrap-col">

<div class="contact">

<h3 class="color-green" style="margin: 20px 0 20px 30px">Contact Form</h3>

<div id="contact_form">

<form name="form1" id="ff" method="post" action="contact.php">

<label class="row">

<div class="col-1-2">

<div class="wrap-col">

<input type="text" name="name" id="name" placeholder="Enter name" required="required" />

</div>

</div>

<div class="col-1-2">

<div class="wrap-col">

<input type="email" name="email" id="email" placeholder="Enter email" required="required" />

</div>

</div>

</label>

<label class="row">

<div class="col-2-4">

<div class="wrap-col">

<input type="text" name="subject" id="subject" placeholder="Subject" required="required" />

</div>

</div>

<div class="col-1-4">

<div class="wrap-col">

<input type="date" name="date" id="date" placeholder="Date"/>

</div>

</div>

<div class="col-1-4">

<div class="wrap-col">

<input type="time" name="time" id="time" placeholder="Time"/>

</div>

</div>

</label>

<label class="row">

<div class="wrap-col">

<textarea name="message" id="message" class="form-control" rows="4" cols="25" required

placeholder="Message"></textarea>

</div>

</label>

<center><input class="sendButton" type="submit" name="Submit" value="Submit"></center>

</form>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</section>

<hr class="line">

<!--/Footer-->

<footer>

<div class="wrap-footer">

<div class="zerogrid">

<div class="row">

<div class="col-1-3">

<div class="wrap-col">

<p>Copyright &copy2019.Company name All rights reserved.<a target="_blank" href="http://www.programb.com/">&#x7F51&#x9875&#x6A21&#x677F</a></p>

</div>

</div>

<div class="col-1-3">

<div class="wrap-col">

<ul class="social-buttons">

<li><a href="#"><i class="fa fa-twitter"></i></a>

</li>

<li><a href="#"><i class="fa fa-facebook"></i></a>

</li>

<li><a href="#"><i class="fa fa-linkedin"></i></a>

</li>

</ul>

</div>

</div>

<div class="col-1-3">

<div class="wrap-col">

<ul class="quick-link">

<li><a href="#">Privacy Policy</a></li>

<li><a href="#">Terms of Use</a></li>

</ul>

</div>

</div>

</div>

</div>

</div>

</footer>

</div>

</body>

</html>

怎么不换一个思路呢?用a页面获取b页面有点击按钮的标签对象,再获取onclick属性的值,得到了函数

再运行这个函数就可以了呀。要想用js控制按钮的点击,我也找了很久几乎是没这个功能。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6113675.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存