2021-05-19

 

placeholder属性的使用:

1.属性为输入框占位符,里面可以放提示的输入信息

2.当输入框输入内容时,占位符的内容消失,输入框无内容时,占位符内容显示

3.占位符的内容不是输入框的内容

上图例子:第一个是文档框,text类型

                   第二个是密码框,password类型

<body>

            <input type="test" placeholder="请输入用户名“>

             <input type="password" placeholder="请输入密码”>

</body>

数字输入框

<body>

           <input type="number">

</body>

网址输入框

字框的值需以http://或者https://开头,且后面必须有内容,否则表单提交的时候会报错误提示。

<body>

            <input type="url">

</body>

 邮箱输入框

1、Input的type属性设置为email,则表示该输入框的类型为邮箱。

2、数字框的值必须包含@。

3、数字框的值@之后必须有内容,否则会报错误提示。

 

          

 

<body>

           <input type="email">

</body>

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值