密码框 | 学习笔记

简介: 快速学习密码框

开发者学堂课程【零基础学前端 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

相关文章
|
前端开发 数据安全/隐私保护
web前端----------网页中的输入框
web前端----------网页中的输入框
|
3月前
|
人工智能 自然语言处理 人机交互
2025中国AI数字人企业厂商新排名与推荐全栈自研技术及数字引擎推荐选择
AI数字人正以逼真形象、智能交互与多场景应用崛起为科技新势力。依托NeRF、AIGC等技术,实现表情动作自然同步,广泛应用于金融、政务、医疗等领域,推动服务智能化升级。像衍科技、阿里云、百度等企业引领创新,重塑人机交互未来。
|
6月前
|
人工智能 前端开发 小程序
 《CodePen AI + Tabnine:前端组件库升级的智能协作指南》
本文记录前端组件库升级项目中,AI工具(CodePen AI、Tabnine)助力团队突破“旧组件拆解难、三端兼容开发紧、团队能力断层”三重困局。面对60天需求40天交付的压力,团队以“AI解析+人工校验”模式,借CodePen AI 10分钟完成旧组件逻辑拆解与兼容性标注,10天完成原20天梳理任务;靠Tabnine“人工定骨架、AI填细节”,4小时解决自定义主题配置难题,40天项目38天交付。AI不仅压缩60%重复性工作时间,更构建“AI初解+人工优化”协作模式,新人成长提速3倍,组件复用率从40%升至85%,加载速度降75%,印证其“效率加速器、知识桥梁、质量管家”的核心价值。
425 4
陌陌自动发布动态脚本,批量群发私信打招呼插件,附近人动态自动点赞工具
这是一款针对陌陌平台开发的自动化营销工具源码,适用于保健品、洗浴按摩等项目的推广。通过模拟点击、点赞、私信等功能
|
前端开发 JavaScript 安全
前端技术栈都有那些,需要学会啥才可以上手写项目?
【7月更文挑战第9天】 前端技术栈包括HTML/CSS/JS基础,熟悉Vue.js/React/Angular等框架,掌握Git、Webpack等工具,理解HTTP协议及安全概念。使用Node.js和编辑器提升效率,从基础到框架层层深入,实践项目以巩固知识,持续学习应对技术更新。
845 0
|
缓存 NoSQL 数据库
关于高并发下缓存失效的问题(本地锁 && 分布式锁 && Redission 详解)
关于高并发下缓存失效的问题(本地锁 && 分布式锁 && Redission 详解)
477 0
|
机器学习/深度学习 搜索推荐 算法
个性化音色定制:FunAudioLLM 的用户偏好学习机制
【8月更文第28天】随着语音合成技术的发展,越来越多的应用程序允许用户定制自己喜爱的声音类型。FunAudioLLM 是一个虚构的语音合成框架,它利用机器学习算法来适应用户的个人偏好,从而生成更加个性化的音色。本文将介绍 FunAudioLLM 如何通过用户偏好学习机制来调整和优化声音输出,并提供一些示例代码。
541 0
|
安全 开发者 UED
|
存储 算法 Linux
Gzip的压缩级别
【4月更文挑战第29天】压缩级别
1643 1
|
Go 调度

热门文章

最新文章