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

最新推荐文章于 2024-01-15 14:11:16 发布

微凉且炎热52

最新推荐文章于 2024-01-15 14:11:16 发布

阅读量659

点赞数 4

文章标签： html

本文链接：https://blog.csdn.net/weixin_44937847/article/details/108188266

版权

首先在电脑桌面创建一个后缀名为.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">

最低0.47元/天解锁文章

微凉且炎热52

关注

4
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
利用文本文档实现html注册界面设计

首先在电脑桌面创建一个后缀名为.txt的文本文档，在里面编写html超文本代码。编写好框架如下。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body></body></html>可以在title标签内将标题修改成想在页面上方显
复制链接

扫一扫