<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>