html源码表单页面,HTML-表单标签form及注册页面源码

表单标签

用来盛放给用户输入信息的标签的空间

应用:一般的登录页面就是用表单标签做的

属性:

action:提交后跳转的链接页面(携带用户输入的信息作为参数)

method:传递参数的方式(get/post)

target:指向的窗口

_blank

_self

enctype:传递的用户参数进行编码

application/x-www-form-urlencoded     所有字符进行编码(主要是字符串)

multipart/form-data    对字节流文件进行编码,支持文件上传的功能

输入标签: input

属性:

align:对齐

maxlength:支持文字的最大长度

name:对输入的信息(值)进行一次命名

value:输入的值

placeholder: 空白输入保持内容

type:

button:    按钮

checkbox 复选框

file 文件

hidden 隐藏

password 密码

radio 勾选列表

reset 重置

submit 提交

text 文本

表单标签的重点是type属性的用法,type支持多种值,常用于登录界面。

示例:

表单标签

用户名:

密码:

隐藏内容

勾选

哈哈

上传文件

爱好:篮球

羽毛球

按钮

效果是:

0fda2e2ce4ae36a743b47598c1cb58f8.png

另有实战注册表单   效果为:

dab3477b3ce955fd001dbbef501fb243.png

注册表单源码下载:https://download.csdn.net/download/ljq961206/10556942

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的高大上注册页面HTML源码示例: ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>高大上注册页面</title> <style> /* CSS样式 */ body { font-family: Arial, sans-serif; background-color: #f2f2f2; margin: 0; padding: 0; } .container { max-width: 500px; margin: 50px auto; background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); } h1 { text-align: center; color: #333; } form { margin-top: 20px; } label { display: block; margin-bottom: 10px; color: #666; } input[type="text"], input[type="email"], input[type="password"] { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 20px; } input[type="submit"] { width: 100%; background-color: #337ab7; color: #fff; padding: 10px; border: none; border-radius: 5px; cursor: pointer; } input[type="submit"]:hover { background-color: #23527c; } </style> </head> <body> <div class="container"> <h1>注册</h1> <form> <label for="username">用户名:</label> <input type="text" id="username" name="username" required> <label for="email">邮箱:</label> <input type="email" id="email" name="email" required> <label for="password">密码:</label> <input type="password" id="password" name="password" required> <input type="submit" value="注册"> </form> </div> </body> </html> ``` 这个源码示例展示了一个简单的高大上注册页面的基本结构和样式。页面有一个居中的容器,包含一个标题和一个注册表单表单包含用户名、邮箱和密码的输入字段,以及一个注册按钮。页面的样式使用了简单的CSS样式,包括背景颜色、字体、边距、边框和阴影等。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值