2021-03-23HTML

Form 表单:

作业要求:
在这里插入图片描述
我的作业:
在这里插入图片描述

我的代码:

<html>
    <head>

    </head>

    <body>
        <form>
            <table  width="800px" align="center">
                <tr>
                    <td align="right">名字:</td>
                    <td>
                        <input name="Fullname" type="text" />
                    </td>
                    <td rowspan="11" width="300px">
                        <h3>阅读赏美网络协议</h3>
                        <textarea name=" " cols="44" rows="40" readonly="readonly">
                            欢迎阅读服务协议条款,本协议阐述之条款和田间适用于你所使用的PPP.com 网站的各种服务工具
                            巴拉巴拉巴拉巴拉。。。。。
                        </textarea>

                    </td>
                </tr>
                <tr>
                    <td align="right">姓氏:</td>
                    <td>
                        <input name="Familyname" type="text" />
                    </td>
                    
                </tr>
                <tr>
                    <td align="right">登录名:</td>
                    <td>
                        <input name="Inputname" type="text"  />
                        (可包含a-z, 0-9和下划线)
                    </td>
                </tr>
                <tr>
                    <td align="right">密码:</td>
                    <td>
                        <input name="password" type="password" />
                        (至少包括6个字符)
                    </td>
                  
                </tr>
                <tr>
                    <td align="right">再次输入密码:</td>
                    <td>
                        <input name="password" type="password" />
                    </td>
                  
                </tr>
                <tr>
                    <td align="right"> 电子邮箱:</td>
                    <td>
                        <input name="emile" type="email" />
                        (必须包含 @ 字符)
                    </td>
                   
                </tr>
                <tr>
                    <td align="right"> 性别:</td>
                    <td>
                        <input name="gender" type="radio" /><img src=" "/>
                        <input name="gender" type="radio" /><img src=" "/>
                    </td>
                  
                </tr>
                <tr>
                    <td align="right"> 头像:</td>
                    <td>
                        <input name="file" type="file" />
                    </td>
               
                </tr>
                <tr>
                    <td align="right">  爱好:</td>
                    <td>
                        <input name="hobby" type="checkbox" />运动
                        <input name="hobby" type="checkbox" />聊天
                        <input name="hobby" type="checkbox" />打游戏
                    </td>
                </tr>
                <tr>
                    <td align="right">出生日期:</td>
                    <td>
                        <input name="data" type="date" />
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <input name="submit" type="submit" value="提交"/>
                        <input name="reset" type="reset" value="重填"/>
                    </td>
                </tr>
            </table>
        </form>
    </body>
</html>

补充最初的基本理论:

<html>
    <head>

    </head>
    <body>
            <!-- <form action="这儿放 表单地址" method="提交方法"> 
            <input name="zzz" type="text" size="5" maxlength="10" />
            <input type="password"/>    
            <input type="button" value="确认" />  -->
            <!-- 确认无变化,提交是要提交到表单所指的地址的 -->
            <!--<input type="submit" value="提交" />--> 
            <!--<input type="image" src="放图像地址"/> -->
            <!--<input name = "reset" type="reset" value="重填"/>
            </form> 
        -->
        
    </body>
</html>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值