怎么用html做一个系统登录界面文本框前有小图案

html-css029

怎么用html做一个系统登录界面文本框前有小图案,第1张

可以用html进行程序编写，从而实现系统登陆界面文本框前有小图案的需求。

可参照以下代码为模板进行编写：完整的代码1：https://download.csdn.net/download/mingzi1245/12406208 代码2https://download.csdn.net/download/mingzi1245/12406204

html是超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

首先要登陆自己的账号，这个工具是免注册的，微信扫一扫就登陆进去了；

进去后是模板页面，有很多有趣好玩的模板；

点击“我的”进入个人空间；

添加新折页。模板中有很多好玩的游戏，所以我们选择做一个相册；

可以扫码看一下初始的效果，决定了之后点击“开始制作”；

每一个标签页都有自己的内容，可以通过删除和复制自己控制模板的规格；

上传素材替换掉模板中的内容；

可以实时在手机上预览效果；

保存折页的时候记得修改页面上的信息；

好的制作者可是会利用这些信息吸引眼球哦~

在手机上预览没有问题后就可以直接右上角分享给朋友啦！~

1、ASP文件中的代码

pencat=rs.Fields.Item("m_content").Value

pencat=replace(pencat,"t_title",n_title)

pencat=replace(pencat,"t_author",n_author)

pencat=replace(pencat,"t_content",n_content)

Set fso = Server.CreateObject("Scripting.FileSystemObject")

Set fout = fso.CreateTextFile(server.mappath(fpath&"\" &fname))

fout.WriteLine pencat

fout.close

2、如下给出要生成的网页模板：

<html>

<head>

<meta http-equiv=""Content-Language"" content=""zh-cn"">

<meta http-equiv=""Content-Type"" content=""text/htmlcharset=gb2312"">

<meta name=""GENERATOR"" content=""Microsoft FrontPage 4.0"">

<meta name=""ProgId"" content=""FrontPage.Editor.Document"">

<title></title>

</head>

<body topmargin=""0"" leftmargin=""0"">

<table border=""0"" width=""760"" height=""100%"" background=""background.jpg"" >

<tr>

<td width=""752"" height=""10"" colspan=""3"">

<p align=""center"">t_title

</td>

</tr>

<tr>

<td width=""752"" height=""18"" colspan=""3"">

<div align=""center"">

</div>

<div align=""center"">

<font size=""2"">

作者：</font><font color=""#990000"">t_author</font>

<font size=""2"">

加入时间：</font><font color=""#990000"">t_date</font>

</div>

</td>

</tr>

<tr>

<td width=""15%"" height=""100%"" valign=""top"">

</td>

<td width=""70%"" height=""100%"" valign=""top"">

t_content

</td>

<td width=""15%"" height=""100%"" valign=""top"">

</td>

</tr>

</table>

</body>

</html>

3、解释

（1）pencat=rs.Fields.Item("m_content").Value

pencat为一个字符串变量。

rs.Fields.Item("m_content").Value就是如上2、网页模板的全部HTML字符

（2）pencat=replace(pencat,"t_title",n_title)

pencat=replace(pencat,"t_author",n_author)

pencat=replace(pencat,"t_content",n_content)

以上三句就是将字符串中的字串替换成为你所需要的内容，即ASP中动态获得的内容。

（3）Set fso = Server.CreateObject("Scripting.FileSystemObject")

Set fout = fso.CreateTextFile(server.mappath(fpath&"\" &fname))

fout.WriteLine pencat

fout.close

以上为将刚刚组合所得的网页代码写入文件的过程。第一句定义fso文件，第二句创建输出流文件，其中fpath为你想要存储的文件的路径，fname为文件名；后两句是将字符串写入文件和关闭输出流文件。