Html5前端基本知识整理与回顾下篇
在HTML5中,我们可以使用一些新的表单输入类型,例如email、url和number。以下是一个简单的HTML5表单示例,包含了这些新的输入类型:
<!DOCTYPE html>
<html>
<head>
<title>HTML5 表单示例</title>
</head>
<body>
<form action="/submit" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
<label for="email">电子邮件:</label>
<input type="email" id="email" name="email" required>
<label for="url">网址:</label>
<input type="url" id="url" name="url" required>
<label for="age">年龄:</label>
<input type="number" id="age" name="age" min="0" max="100" required>
<input type="submit" value="提交">
</form>
</body>
</html>
在这个示例中,我们使用了email
、url
和number
输入类型来分别收集用户的邮箱、网址和数字。这些输入类型提供了基本的数据验证,以确保用户输入的是有效的数据。此外,required
属性确保了字段在提交表单之前必须填写。
评论已关闭