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

作者：wendy | 创建时间: 2023-05-10

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

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

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

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

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

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

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

如果您喜欢小编的文章，请点击右下角的分享按钮，分享给更多的朋友。