简单制作用户注册表单

最新推荐文章于 2024-06-11 11:33:55 发布

张盟

最新推荐文章于 2024-06-11 11:33:55 发布

阅读量1w

点赞数 9

本文链接：https://blog.csdn.net/zm13722251407/article/details/51591149

版权

表单概述：

表单主要用于收集网页浏览者的相关信息，其标签为<form></form>，表单的基本格式语法如下：

</form>

其中，action="url"指定处理提交表单的格式，它可以是一个URL地址或一个电子邮件地址。method="get|post"指明提交表单的HTTP方法。enctype="mime"指明用来把表单提交给服务器的互联网媒体形式。

表单是一个能够包含表单元素的区域，通过添加不同的表单元素，将显示不同的效果。

<html>
<body>
    <form>
        下面是输入用户登录信息
        <br/>
        用户名称
        <input type ="text" name ="user"/>
        <br/>
        用户密码
        <input type="password" name="password"/>
        <br/>
        <input type="submit" value ="登录"/>
        
    </form>
</body>
</html>

浏览效果如图所示：

下面是一个简单的用户注册表单的制作：

<html>
<head>
<title>注册表单</title>
</head>
    <body>
        <h1 align="center">用户注册</h1>
        <form method="post" >
        <p>姓    名：
        <input type="text" class ="txt" size ="12" maxlength ="20" name ="username"/></p>
        <p>性    别：
        <input type ="radio" value ="male"/>男
        <input type="radio" value="female"/>女</p>
        <p>年    龄：
        <input type ="text" class ="txt" name ="age"/></p>
        <p>联系电话：
        <input type="text" class ="txt" name ="tel"/></p>
        <p>电子邮件：
        <input type="text" class ="txt" name ="tel"/></p>
        <p>联系地址：
        <input type="text" class ="txt" name ="tel"/></p>
        <p>
        <input type ="submit" name="submit" value="提交" class ="but"/>
        <input type ="reset" name="reset" value="清除" class ="but"/>
        </p>
        </form>
    </body>
</html>

预览效果如下：

张盟

关注

9
点赞
踩
37

收藏

觉得还不错? 一键收藏
31
评论
简单制作用户注册表单

表单概述：表单主要用于收集网页浏览者的相关信息，其标签为，表单的基本格式语法如下：其中，action="url"指定处理提交表单的格式，它可以是一个URL地址或一个电子邮件地址。method="get|post"指明提交表单的HTTP方法。enctype="mime"指明用来把表单提交给服务器的互联网媒体形式。
复制链接

扫一扫