为了账号安全,请及时绑定邮箱和手机立即绑定

【九月打卡】第1天 文本密码输入框

标签:
Html5 CSS3

课程名称:初识HTML(5)+CSS(3)-升级版课程

课程章节:6-2先来填用户名和密码 - 文本输入框、密码输入框

主讲老师:五月的夏天

课程内容:

用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框

语法:

<form>

   <input type="text/password" name="名称" value="文本" />

</form>

1、type:

   当type="text"时,输入框为文本输入框;

   当type="password"时, 输入框为密码输入框。

2、name:为文本框命名,以备后台程序ASP 、PHP使用。

3、value:为文本输入框设置默认值。(一般起到提示作用)

举例:

<form>

  姓名:

  <input type="text" name="myName">

  <br/>

  密码:

  <input type="password" name="pass">

</form>

在浏览器中显示的结果:

https://img1.sycdn.imooc.com//6315dd700001f05d08210429.jpg

代码例子:

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>文本输入框、密码输入框</title>

</head>

<body>

    <form method="post" action="save.php">

        账户:<input  type="text"  name="myName" />

        <br>

        密码:<input  type="password"  name="pass" />

    </form>

</body>

</html>

运行如下:

https://img1.sycdn.imooc.com//6315dd7b0001ca8e03860114.jpg

课程收获:

本次课程掌握了文本与密码输入框的区别,更加深入了解了两种文本框的区别。

https://img1.sycdn.imooc.com//6315ddb400016f6305150392.jpg


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消