怎么在网页中生成文本框和密码框

大部分的网站登录页面或者会员管理页面都有类似用户登录的设计，用户名可以输入文本，密码框可以在输入后不显示内容。这是怎么做到的呢？

操作方法

  • 01

    首先打开电脑上的记事本程序，输入网页基本结构代码<html><body>标签。

  • 02

    光标定位到<body></body>之间，输入 <form> 用户名： <input type="text" name="mingzi"> </form>

  • 03

    按快捷键Ctrl+S保存为.html格式，然后双击预览下效果。点击用户名后面的文本框，就可以输入文本内容了。

  • 04

    接下来，建立密码框。点击用户名<input>标签后，输入一个换行符号</br>。然后输入 密码： <input type="password" name="mima"> 代码如图。

  • 05

    按快捷键Ctrl+S保存一下，然后预览效果。

  • 06

    通过代码可以看到，文本框和密码框的不同就在参数type中，type=text时，就会显示文本；type=password时，当我们在密码框中输入内容，浏览器就会用符号替换内容。

赞 (0)

相关推荐

  • Win8系统凭据管理器找回网页中保存过的账号密码

    日常生活中，经常需要很多的密码来保护个人的隐私，由于很多账号我们很少登录就会常常忘记密码，甚至无法找回，给很多用户造成很大的困扰。下面小编简单介绍一下Win8系统凭据管理器如何找回网页中保存过的账号密 ...

  • VisualStudio怎么实现点击网页中的按钮动态显示文本?

    Visual Studio 2015中想在网页中制作一个按钮,单击后就会在网页中显示文本,该怎么制作这个效果呢?下面我们就来看看详细的教程. 1.首先,设置在网页中显示文本的格式,文本的高度为100像 ...

  • 怎样将网页中不可复制的内容复制到word中

    我们平时在用word做一些东西的时候,经常会参考网上的一些东西,有时候,我们可能会大段的需要进行复制,但是一些网页上的内容需要登录才能相应的进行复制,我们应该怎么办呢?本文雪影F山将为大家简单的介绍, ...

  • 导航栏下拉框在网页中的代码表示

    html:即超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准, 超文本标记语言(15张) 它通过标记符号来标记要显示的网页中的各个部分.网页文件本身是一种文本文件,通过在文本文件 ...

  • 在IE浏览器中一键将当前网页网址生成二维码的方法

    现在在我们的网络活动中随时可以见到二维码，二维码确实给我们带来很多方便，用手机一扫即可打开二维码中包含的信息。 当我们在使用浏览器访问网站的时候经常可能会遇到这么一种情况，想把当前浏览的网页放在手机中 ...

  • 网址比较长在IE浏览器中如何将当前网页网址生成二维码

    现在在我们的网络活动中随时可以见到二维码，二维码确实给我们带来很多方便，用手机一扫即可打开二维码中包含的信息。 当我们在使用浏览器访问网站的时候经常可能会遇到这么一种情况，想把当前浏览的网页放在手机中 ...

  • 如何在PowerPoint2013中添加文本框和设置文本

    在PowerPoint中输入文本也是我们常用的，那么，我们应该怎么输入和设置文本呢?下面，我们就一起来学习一下在PowerPoint2013中添加文本框和设置文本的方法。 操作步骤 1、用PowerP ...

  • 在Word2003窗口中使用文本框输入字符

    Word2003对话框中的文本框可以接受输入的字符信息。有的文本框是一个空白的编辑框，用户可以直接在编辑框中输入文本信息。而有的文本框则含有下拉三角按钮，用户可以单击下拉三角按钮，并在打开的下拉列表中 ...

  • WPS中精美文本框插入方法

    WPS中精美文本框插入方法

    相信很多小伙伴在日常办公中都会用到WPS,那么在其中我们怎么去插入精美的文本框呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开WPS,并新建一个空白文字文档.2. 接着,点击页面上端 ...