博客列表 >【补作业】制作用户注册表单 18/3/19

【补作业】制作用户注册表单 18/3/19

谁敢刁难我胖虎丶的博客
谁敢刁难我胖虎丶的博客原创
2018年04月04日 17:01:43552浏览

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<script src="jquery3.3.1.js"></script>

<script src="bootstrap.js"></script>

<link rel="stylesheet" type="text/css" href="bootstrap.css"/>

</head>

<body>

<form action="" method="post" role='form'>

<div class="form-group">

<fieldset style="width: 500px;">

<legend align="center">用户注册</legend>

<label for="email">邮箱:</label>

<input type="email" placeholder="请输入注册邮箱" id="email" class="form-control"/><br />

<label for="psw">密码:</label>

<input type="password" placeholder="请输入注册密码" id="psw" class="form-control"/><br />

性别:

<input type="radio" name="sex"/>男

<input type="radio" name="sex"/>女

<input type="radio" name="sex">保密<br />

兴趣:

<input type="checkbox" />爬山

<input type="checkbox" />游泳

<input type="checkbox" />唱歌

<input type="checkbox" />跳舞

<input type="checkbox" />打游戏<br />

级别:

<select>

<option>青铜</option>

<option>白银</option>

<option>黄金</option>

<option>钻石</option>

</select><br />

<label for="">头像</label>

<img src="p1.png"/>

<input type="file" /><br />

详细信息:

<textarea class="form-control" rows="3"></textarea><br />

<input type="submit" value="提交"/>

<input type="submit" value="重写"/>

</fieldset>

</div>

</form>

</body>

</html>


注册表单.png

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议