html5表单控件新增属性

<body>

     <!-- html5表单控件  新增的属性 -->

     <form action="">

    <div>

         <label for="">账户</label>

         <!-- required 必填项, required属性规定必须在提交之前填写输入域(不能为空)-->

         <!-- placeholder属性 (为我们提供输入框所期待的提示性文本)-->

         <!-- 当你给文本框添加required这个属性。你在点击“提交按钮”时,文本框内没有填写内容。该文本框会出现 友情提示“请填写此字段” -->

         <input type="text" name="" id="" placeholder="请输入账户" required="required">

    </div>

    <div>

        <label for="">昵称</label>

        <!-- disabled 禁用 -->

         <input type="text" name="" id="" value="可爱的大金毛" disabled>

    </div>

    <div>

        <input type="submit" value="提交">

    </div>

    </form>

</body>

 

<body>

    <!-- min和max属性 :在很多html5标签上都可以使用,主要是设置 值的 取值范围。最小临界点和最大临界点。  -->

 <div>

        <form action="">

            <div><label for="">份数</label>

                <input type="range" name="" id="score" step="10" max="100" value="">

            </div>

        </form>

        <script>

    //   1.抓取元素

    var score = document.getElementById('score');

    // 2.当滑动杆移动的时候,调用执行onchange事件,这个事件会触发一个函数的执行,

    // 这个函数里面发生的事情是:我想在控制台 看到 你移动滑竿之后,滑竿上的value值

    score.οnchange=fuction(){

        console.log(score.value);

    }

        </script>

    </div>

 

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值