<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>注册</title>
</head>
<body>
<h1>注册</h1>
<form action="注册成功.html" method="post">
<!-- 1.action：表单提交的位置，可以是网站，也可以是一个请求处理的地址，注册之后跳转的链接。
2.method:post,get 提交方式：我们可以在url看到我们提交的信息，不安全；post:比较安全，传输大文件-->
<p>名字: <input type="text" name="username" value="admin" placeholder="请输入用户名" required ></p>
<!--1.placeholder:定义了当表单控件没有值时在控件中显示的文本。
2.required:非空判断
3.value:输入名字(默认初始值)-->
<p>密码: <input type="password" name="pwd" ></p>
<!-- hidden：隐藏密码-->
<p>性别:
<input type="radio" value="boy" name="sex" >男
<input type="radio" value="girl" name="sex2" >女
</p>
<!--单选框标签：input type = "radio",value:单选框的值,name:表示组 -->
<p>爱好：
<input type="checkbox" value="sleep" name="hobby" >睡觉
<input type="checkbox" value="play game" name="hobby" >打游戏
<input type="checkbox" value="read book" name="hobby" >看书
<input type="checkbox" value="listen music" name="hobby" >听音乐
</p>
<!--多选框标签：input type = "checkbox"-->
<p>地区
<select name="地区名称" >
<option value="guangzhou" selected>广东</option>
<option value="guangxi">广西</option>
<option value="hebei">河北</option>
<option value="henan">河南</option>
</select>
</p>
<!-- 下拉框，列表框 selected：默认选项 -->
<!--文本域-->
<p>个人介绍:
<textarea input type="textarea" cols="50" rows="10">文本内容</textarea>
</p>
<!--文件域：input type="file" name="files"-->
<input type="file" name="files">
<input type="button" value="上传" name="upload">
<!--邮件验证-->
<p>邮箱:
<input type="email" name="email">
</p>
<!--url-->
<p>URL:
<input type="url" name="url">
</p>
<!--数字-->
<p>年龄:
<input type="number" name="num" max="100" min="0" step="1">
</p>
<!--滑块:input type="range"-->
<!--搜索框-->
<p>搜索:
<input type="search" name="search">
</p>
<input type="submit">
<input type="reset" value="清空表单">
</form>
</body>
<!--form标签必须包裹，否则链接无法跳转.-->
</html>
运行结果：
扫一扫
4961
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
