利用文本文档实现html注册界面设计

首先在电脑桌面创建一个后缀名为.txt的文本文档,在里面编写html超文本代码。编写好框架如下。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
</body>
</html>

可以在title标签内将标题修改成想在页面上方显示的标题,接着在body部分写入想在页面上显示的内容。利用h1标签写出一个信息注册的标题,加入form表单,在表单中添加input文本框,文本框内分别是用户名,密码,二级密码,电话等,加入可多选的复勾选选框,以及下拉框,这些根据type的类型进行改变,type="text"时为文本, type="password"时为密码框,type="checkbox"为复选框,type="date"为日期框等。最后在表单内部设置一个提交表单数据的按钮。
写完代码后,将文本文档另存为以.html为后缀名,文件保存类型为所有文件的文件,这个时候发现这是一个可以直接打开的网页了,直接打开,现象如下。
在这里插入图片描述
全部代码如下。


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    
  • 4
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值