登录  /  注册
博主信息
博文 87
粉丝 0
评论 0
访问量 56949
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
第三节课作业:用纯HTML代码完成一个用户注册表单
黄忠倚的博客
原创
1250人浏览过

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>3-2:实战用表格布局来实现用户注册表单</title>
</head>
<body>
<form action="" method="post">
<table border="0"  cellspacing="0" cellpadding="8" width="400" bgcolor="powderblue">
<caption><h2>用户注册</h2></caption>

    <tr><td colspan="2"><hr></td></tr>

<tr>
<td><label for="email">邮箱:</label></td>
<td><input type="text" name="email" placeholder="example@php.cn"></td>
</tr>

<tr>
<td><label for="password">密码:</label></td>
<td><input type="password" name="password" placeholder="字母+数字不少于8位"></td>
</tr>

<tr>
<td>性别:</td>
<td>
<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="fmale">女
<input type="radio" name="sex" value="secret" checked="">保密
</td>
</tr>

<tr>
<td>兴趣:</td>
<td>
<input type="checkbox" name="hobby[]" value="Html">Html
<input type="checkbox" name="hobby[]" value="Css">Css
<input type="checkbox" name="hobby[]" value="JavaScript">JavaScript
<input type="checkbox" name="hobby[]" value="PHP">PHP
</td>
</tr>

<tr>
<td>级别:</td>
<td>
<select name="level">
<option value="0">我是零基础的小白</option>
<option value="1" selected="">已经入门啦</option>
<option value="2">做过一些项目</option>
<option value="3">已经是大神啦</option>
</select>
</td>
</tr>

<tr>
<td><label for="photo">头像:</label></td>
<td>
<img src="../images/13.png" height="30">
<input type="file" name="photo" id="" accept="images/*">
</td>
</tr>

<tr>
<td><label for="email">邮箱:</label></td>
<td>
<textarea rows="5" cols="40" id="comment" name="comment" placeholder="文明上网,理性发言"></textarea>
</td>
</tr>

<tr>
<td colspan="2" align="center">
<hr>
<input type="submit" name="submit" value="提交">    
<input type="reset" name="reset" value="重填">
</td>
</tr>
</table>
</form>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

作业地址:http://mi-888.com/PHP/zuoye/20180319/0319-3-2.html

手抄代码:

微信图片_20180321181838.jpg微信图片_20180321174421.jpg微信图片_20180321174424.jpg微信图片_20180321174426.jpg

批改状态:合格

老师批语:作业已检查! 手写代码未提交!请及时提交!
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学