<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<form action="http://www.it666.com">
<input type="text" placeholder="请输入搜索关键字" name="text">
<input type="submit" value="搜索"><!-- disabled="disabled"-->
</form>
<script type="text/javascript">
/*
需求: 输入框中没有内容就禁用提交按钮
*/
let oText = document.querySelector("input[type=text]");
let oSubmit = document.querySelector("input[type=submit]");
oSubmit.disabled=true;//不可用
oText.oninput=function()//输入的时候当输入字符的时候就可用了,不然不可用
{
oSubmit.disabled=this.value.length===0;//false可用.
}
// 注意点: 如果是通过代码给input设置的数据, 那么不会触发oninput事件
oText.value = "abc";
</script>
</body>
</html>
dom啦18 表单效果
最新推荐文章于 2021-07-05 23:11:52 发布
167
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
