博主信息
博文 39
粉丝 0
评论 0
访问量 41512
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
第三课 form 表单
美丽城堡
原创
827人浏览过

代码内容:

<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="utf-8">
</head>
<body>
    <form action="" method="">
        <table align="center" width="450" bgcolor="#abcdef" 
        cellspacing="0" cellpadding="10" border="0" frame="border">
        <caption><h3 align="center">用户注册</h3></caption>
        <tr><td colspan="2"><hr width="90%"></td></tr>
        
        <tr>
            <td align="right">
                <label for="email">邮箱:</label>
            </td>
            <td align="left">
                <input type="text" id="mail" name="email" size="30" 
                value="" placeholder="example@mail.com">
            </td>
        </tr>
        
        <tr>
            <td align="right">
                <label for="pass">密码:</label>
            </td>
            <td align="left">
                <input type="pass" id="pass" name="pass" size="30"
                value="" placeholder="字母和数字不少于10位">
            </td>
        </tr>
        
        <tr>
            <td align="right">性别:</td>
            <td align="left">
                <input type="radio" name="sex" value="male">男
                <input type="radio" name="sex" value="female">女
                <input type="radio" name="sex" value="secret">保密
            </td>
        </tr>
        <tr>
            <td align="right">兴趣:</td>
            <td align="left">
                <input type="checkbox" name="interest[]" value="one">one
                <input type="checkbox" name="interest[]" value="two">two
                <input type="checkbox" name="interest[]" value="three">three
                
            </td>
        </tr>
        <tr>
            <td align="right"><label for="select">级别:</label></td>
            <td align="left">
                <select name="se" id="select">
                    <option value="" select="">one</option>
                    <option value="">two</option>
                    <option value="">three</option>
                </select>
            </td>
        </tr>
        <tr>
            <td align="right"><label for="photo">头像: </label></td>
            <td align="left">
                <img src="a.png" height="30">
                <input type="file" id="" name="photo" accept="image/*">
            </td>
        </tr>
        <tr>
            <td valign="middle" align="right"><label>简介:</label></td>
            <td align="left"><textarea name="comment" id="comment" rows="5"
            cols="40" placeholder="lone time no see.."></textarea>
            
        </tr>
        <tr>
            <td colspan="2" align="center">
                <hr>
                <input type="submit" name="submit" value="提交">
                &nbsp;&nbsp;&nbsp;&nbsp:
                <input type="reset" name="reset" vlaue="重填">
            </td>
        </tr>
        </table>
    </form>
</body>
</html>

手写图片:

homework.JPG

运行图片:


a.png

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

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

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