入门HTML5:简单的个人注册信息页面实现
warning:
这篇文章距离上次修改已过189天,其中的内容可能已经有所变动。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>简单个人注册信息页面</title>
</head>
<body>
<form action="/submit-your-info" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name" required><br><br>
<label for="email">电子邮件:</label>
<input type="email" id="email" name="email" required><br><br>
<label for="birthday">出生日期:</label>
<input type="date" id="birthday" name="birthday" required><br><br>
<label for="gender">性别:</label>
<input type="radio" id="male" name="gender" value="male" required>
<label for="male">男</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">女</label><br><br>
<label for="bio">个人简历:</label><br>
<textarea id="bio" name="bio" rows="5" cols="33"></textarea><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
这个代码实例提供了一个简单的个人注册信息页面,包含了文本输入、电子邮件输入、日期选择、单选按钮和文本区域。这些表单元素都使用了HTML5提供的相关类型和属性,使得表单的处理和验证更加方便和可靠。
评论已关闭