开发者学堂课程【零基础学前端 HTML+CSS:密码框】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/398/detail/5118
密码框
内容介绍:
一、密码输入框
二、示例
一、密码输入框
用 < input > 标签描述,它是单标签。
例:
name 属性:
指定输入框的名字,自行定义,用英文字母定义即可。
type 属性:
密码输入框的 type 固定为 password
密码框,type 值是 password,其他设置跟单行文本没有区别。
二、示例
继续代码在用户名下输入:
密码:<input name= “pass” type= “password”>
运行后如图
此时在密码框中输入会发现就是隐藏的状态,变成不可视。
那么怎么将表格排进去,表单放进去呢?
在< 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>
效果如下
再来修改格式
<table width= “300px” bgcolor= “#7fffd4” cellpadding= “10px”>