HTMl表单创作扩展（拍拍用户注册）

最新推荐文章于 2021-06-07 12:15:39 发布

吃人陈乐游刘

最新推荐文章于 2021-06-07 12:15:39 发布

阅读量779

点赞数 3

分类专栏： HTML表单文章标签： html html5

本文链接：https://blog.csdn.net/qq_53463161/article/details/116054985

版权

HTML表单专栏收录该内容

9 篇文章 0 订阅

订阅专栏

这里是小编学习HTML时候老师布置的一个作业模拟拍拍用户注册：

它包含了许多操作，我们一起看一下源码：
（小编这里把action的地址设置成了百度的网址【大家可以对其尽进行修改成为自己相应的HTML对应的位置】）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>拍拍用户注册</title>
</head>
<table width="450px" cellspacing="1" cellpadding="1"align="center"border="2">
    <form method="get" target="_blank" action="https://www.baidu.com">

<tr>
    <td colspan="2" align="center">拍拍用户注册</td>
</tr>

<tr>
    <td>真实姓名：</td>
    <td><input type="text"/></td>
</tr>

    <tr>
        <td>用户性别：</td>
        <td><input type="radio" name="sex" value="man"/>男
             <input type="radio" name="sex" value="woman"/>女</td>
    </tr>

    <tr>
        <td>密码:</td>
        <td><input type="password"/></td>
    </tr>

    <tr>

        <td>密码保护问题：</td>
        <td>
            <select name="select">
                <option value="PasswordProblem1" selected="selected">你最好的朋友是谁？(默认)</option>
                <option value="PasswordProblem2">你大学辅导员的名字是？</option>
                <option value="PasswordProblem3">你的前端开发老师是谁？</option>
            </select>
        </td>
    </tr>

    <tr>
        <td>请选择关注的商品的类别：</td>
        <td>
            <label> <input type="checkbox" name="check1"> 数码产品</label>
            <label><input type="checkbox" name="check2"> 运动系列</label>
            <label><input type="checkbox" name="check3"> 家居用品</label>
            <label><input type="checkbox" name="check4"> 音像制品</label>
        </td>
    </tr>

    <tr>
        <td colspan="2" align="center">
            <input type="submit" value="提交">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="reset" value="清空"><br/>
            &nbsp;&nbsp;&nbsp;&nbsp;点击提交，即表示同意接受下面《拍拍协议》
        </td>
    </tr>

        <tr>
            <td><b>拍拍协议</b></td>
            <td>
            <textarea readonly="readonly" rows="4" cols="52" style="resize:none"  >腾讯公司依据本协议的规定提供服务﹔本协议具有合同效力。您必须完全同意本协议,才能够享受本网站提供的服务。您在拍拍网登录即表示您完全接受本协议的全部条款。
重要须知:腾讯在此特别提醒用户认真阅读本《拍拍网》
            </textarea>
            </td>
        </tr>
    </form>
</table>
</body>
</html>

吃人陈乐游刘

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
HTMl表单创作扩展（拍拍用户注册）

这里是小编学习HTML时候老师布置的一个作业模拟拍拍用户注册：它包含了许多操作，我们一起看一下源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>拍拍用户注册</title></head><table width="450px" cellspacing="1" cellpaddi...
复制链接

扫一扫