简单HTML5注册表格
我正在为我正在组织的Linux安装派对创建一个简单的注册表单。
虽然我是一个不错的程序员，但我很少创建HTML文件。我想知道这个表单是否对我的用户是安全的，它是否能在大多数设备上工作。我是否遵循所有好的web开发实践？我的代码是纯HTML5吗？
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<meta name="description" content="Installation fest inscription form">
<meta name="author" content="name - email@example.com">
<title>Installfest Inscription</title>
</head>
<body>
<h1>Installfest Inscription</h1>
<form action="/action_page" method="post">
First name:<br>
<input type="text" name="firstname"><br>
Last name:<br>
<input type="text" name="lastname">
Laptop model:<br>
<input type="text" name="model">
</form>
</body>
</html>谢谢!
回答 2
Code Review用户
发布于 2020-02-01 11:39:07
我想知道这个表单是否对我的用户是安全的，以及它是否能在大多数设备上工作。
您的HTML表单肯定会在所有设备上工作。但至于“对用户来说安全”，这可能取决于您在提交表单(如PHP )时使用的后端代码。您可以使用PHP (或其他一些后端语言，例如Python)来处理提交的数据。浏览器将根据加密和提交数据的安全性决定表单是否足够安全。
我是否遵循所有好的web开发实践？
您已经遵循了web开发的大多数良好编程实践。虽然对于这样一个简单的网页，我可以改进的东西不多，但也有一些小问题：
- 使用
<br />而不是<br>更为传统，因为它是一个自结束标记。在标签中添加/告诉浏览器不要浪费时间寻找(不存在)关闭</br>标记。 - 而且，将输入标签放置为“裸”无标记文本也不是一个好主意。相反，使用
label标记：
<label for="firstname">Firstname:</label>
<input type="text" name="firstname" />- Web开发人员通常用小写编写
doctype，如下所示：
<!doctype html>不是这样的：
<!DOCTYPE HTML>但两者之间并无重大差别。
我的代码是纯HTML5吗？
这都是纯HTML5，在您的示例代码中没有看到其他编程语言(如JS)或标记语言(例如CSS)。
Code Review用户
发布于 2020-02-01 15:00:18
如果<head>还包括：
<link rel="canonical" href="https://appropriate/url" />
<meta name="description"
content="Brief description that will appear in Google search results." />就编码风格而言，使用<br> (应该是<br />)并不太好。它还表明您在编写HTML时正在考虑显示格式。HTML代码是用来表示事物是什么，而不是应该如何显示的。
对于带有标签的输入，应该使用<label>标记来明确地将标签与输入区域相关联。这将有助于软件读取您的网页，无论是SEO，或可访问性的人谁看不清楚，语音软件可以确定知道什么是输入字段的标签，而你的原始代码将不得不猜测。
有两种常见的方法可以做到这一点。
通过将输入标签放入标签中：
<label>
Firstname: <input type="text" name="firstname" />
</label>
...或者分别列出标签和输入：
<label for="firstname">Firstname:</label>
...
<input type="text" name="firstname" />
...结果是相同的，所以使用任何觉得最适合您的代码。但是，无论哪种方式，都不要包含标签文本以外的任何内容(例如，不要在<a>中添加<label>链接)。
最后，如果您不喜欢这样做产生的默认格式，请使用<head><style>部分中的CSS来改善外观。
https://codereview.stackexchange.com/questions/236447
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号