密码框 | 学习笔记

简介: 快速学习密码框

开发者学堂课程【零基础学前端 HTML+CSS:密码框】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/398/detail/5118


密码框

内容介绍:

一、密码输入框

二、示例

 

一、密码输入框

用 < input > 标签描述,它是单标签。

例:

image.png

name 属性:

指定输入框的名字,自行定义,用英文字母定义即可。

type 属性:

密码输入框的 type 固定为 password

密码框,type 值是 password,其他设置跟单行文本没有区别。

 

二、示例

继续代码在用户名下输入:

密码:<input name= “pass” type= “password”>

运行后如图

image.png

此时在密码框中输入会发现就是隐藏的状态,变成不可视。

那么怎么将表格排进去,表单放进去呢?

在< form >表单里边加入< table >表格,并做成四行一列的效果

<form name= “form1” action= “test.jsp”>

<table>

<tr>

<td>用户名</td>

</tr>

<tr>

<td><input name= “user_name” type= “text”></td>

</tr>

<tr>

<td>密码</td>

</tr>

<tr>

<td><input name= “pass” type= “password”></td>

</tr>

</table>

</form>

效果如下

image.png

再来修改格式

<table width= “300px” bgcolor= “#7fffd4” cellpadding= “10px”>

image.png

相关文章
|
7月前
|
JavaScript 算法 数据安全/隐私保护
原生JS实现:密码输入框显示隐藏密码效果
原生JS实现:密码输入框显示隐藏密码效果
176 4
|
7月前
|
C#
C# 文本框限制大全
C# 文本框限制大全
62 0
|
2月前
|
数据安全/隐私保护
密码输入框
【10月更文挑战第1天】密码输入框
40 4
|
2月前
多行输入框
【10月更文挑战第1天】多行输入框。
27 4
|
2月前
单选框
【10月更文挑战第1天】单选框。
29 4
|
前端开发
input输入框内阴影效果
input输入框内阴影效果
105 1
表单单选框,多选框美化
之前总是匆匆看过,如今终于知道该怎么搞了。。。 **利用label挂钩checkbox的特点来实现。 当html代码中,label的for属性值和checkbox的id值一样的时候,label就可以控制checkbox的选择了。
36 0
|
数据安全/隐私保护
EditTex实现密码的显示隐藏
EditTex实现密码的显示隐藏
|
前端开发 C# 数据安全/隐私保护
ApeForms | C# - WinForm临时对话框(消息框、提示框、输入框、密码框、单选框、多选框等)
ApeForms一款基于WinForm实现的开源免费商用的UI库,其中提供了一套便于用户交互的临时对话框组件(Dialog),可用于快速创建开发中常见的交互对话框,例如:消息框、提示框、输入框、单选框、多选框等。 ApeFree.ApeDialogs并不是一个包含Dialog实现的UI库,而是一套Dialog标准(提供了一套临时弹出对话框的实现标准)。 Dialog是界面开发过程中必不可少的组件,无论是桌面开发、Web前端开发、移动端开发,甚至命令行应用程序中的一次“Yes or No”的输入都可以看做是一次Dialog弹框。
562 0
ApeForms | C# - WinForm临时对话框(消息框、提示框、输入框、密码框、单选框、多选框等)