使欧博娱乐用HTML、CSS和PHP创建简单的联系表单-欧博代理开户-欧博ABG-会员注册-官网网址

欧博ABG-会员注册-官网网址 > 欧博代理开户 > 文章页

使欧博娱乐用HTML、CSS和PHP创建简单的联系表单

文章正文

发布时间：2024-07-17 14:09

使用HTML、CSS和PHP创建简单的联系表单

联系表单是让用户通过您的网站直接与您联系的好方法。联系表单是任何网站的重要组成部分，欧博娱乐因为它们允许访问者与网站所有者取得联系。网站上的联系表单为访问者提供了一个简单的方式来提问、查询或提供反馈。

在本教程中，我们将讨论如何使用HTML、CSS和PHP创建一个简单的联系表单。

第一步：创建HTML表单

创建联系表单的第一步是使用HTML创建其结构。在此步骤中，我们将创建表单元素，允许访问者输入其信息并将其发送给网站所有者。

第二步：使用CSS对表单进行样式设置

在创建联系表单的下一步是使用CSS进行样式设置。尽管可以创建一个没有任何样式的基本表单，但添加一些设计元素可以使其看起来更专业，更具视觉吸引力。下面是带有基本CSS样式的联系表单的示例 –

<!DOCTYPE html> <html> <head> <title> 联系表单 </title> <style> body { font-family : Arial, sans-serif; } h1 { text-align : center; } form { margin : auto; max-width: 500px; } label { display : block; margin-bottom: 10px; } input[type = "text"], input[type = "email"], textarea { padding: 10px; width: 100%; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-bottom: 20px; } submit{ background-color : #4CAF50; color : #fff; padding : 10px 20px; border : none; border-radius : 4px; cursor : pointer; } button:hover { background-color : #3e8e41; } </style> </head> <body> <h1> 联系我们 </h1> <form method = "post" action = "sendmail.php" > <label for = "name" > 姓名: </label> <input type = "text" name = "name" id = "name" required> <label for = "email" > 电邮: </label> <input type = "email" name = "email" id = "email" required> <label for = "message" > 信息: </label> <textarea name = "message" id = "message" required></textarea> <button type = ”submit” name = ”submit”> 提交 </buton> </form> </body>

我们首先在代码中定义了一个联系表单。第一行，“” 声明文档类型为 HTML5；该代码定义了一个表单，欧博allbet将使用 post 方法提交到名为“sendmail.php”的 PHP 脚本。

表单包含三个输入字段：姓名、电邮和信息；当用户单击“提交”按钮时，表单的数据将被发送到PHP脚本中进行处理。

这段CSS代码将使用简单的现代设计样式处理表单。 “body”元素设置字体族，而“h1”元素将“联系我们”标题居中。 “form”元素将表单居中，并将其最大宽度设置为500px。

“label”元素为输入字段的标签添加间距和样式。输入字段本身使用填充、边框和间距属性进行样式设置，而按钮元素则创建一个醒目的按钮，并在悬停时更改颜色。

第三步：创建PHP脚本

现在，我们已经创建了HTML表单并对其进行了样式设置，我们需要创建一个PHP脚本，该脚本将处理表单提交并将消息发送给网站所有者。这是一个简单的PHP代码，可供您使用 –

示例 <?php if(isset(_POST['submit'])){name = _POST['name'];email = _POST['email'];message = _POST['message'];to = "your-email@xyz.com"; subject = "来自联系表单的新信息";body = "名称：name 电邮:email message"; mail(to,subject,body); echo "谢谢您的消息！"; } ?>

此代码首先通过检查是否已按下‘submit’按钮来检查表单是否已提交。如果它已按下，则代码检索表单字段的值并将其存储在一个变量中，应该将 ‘to’ 变量设置为您希望表单提交发送到的电子邮件地址。

接下来的几行创建将要发送的电子邮件。‘subject’ 变量是表单的主题，‘$body’ 变量包含通过表单提交的消息。‘mail()’ 函数将电子邮件发送到指定的电子邮件地址。

最后，使用HTML、CSS和PHP创建简单的联系表单对于任何网站都是必要的。它允许访问者与网站所有者保持联系，按照本文章中概述的步骤，你可以创建一个基本的联系表单，帮助你与你的网站访问者保持连接。

上一篇 Golang 如何在字符串中写入反斜杠下一篇有关样式表，它有哪些正常的HTML无法做到的内容 Python教程

Python 教程