- 主题:button和input执行不一样
制作一个简单的进度条,使用按钮控制开始,用input type="button"可以正常运行,
使用button则无效,求高手解答~~
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"
/>
<title>New Web Project</title>
<style type="text/css">
html, body {
text-align: center;
margin: 0px auto;
}
#bar2 {
background-color: #ccc;
width: 10px;
height: 20px;
}
</style>
<script>
i = 0;
function start() {
ba = setInterval('begin()', 100);
}
function begin() {
i += 1;
if(i <= 100) {
document.getElementById("bar2").style.width = i + "%";
}
}
</script>
</head>
<body >
<form>
<fieldset>
<input type="button" onclick="start();" value="start"/>
<button onclick="start();">
start2
</button>
<br />
<div id="bar2"></div>
<textarea name="txt" cols="45" wrap="soft"
readonly="true">dfadfasfasdfasdfasdfdsaf</textarea>
</fieldset>
</form>
</body>
</html>
--
FROM 166.111.66.*
没事你加啥form啊 。。。
【 在 xiaoluBambi (xiaoluBambi) 的大作中提到: 】
: 制作一个简单的进度条,使用按钮控制开始,用input type="button"可以正常运行,
: 使用button则无效,求高手解答~~
: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
: ...................
--
FROM 61.135.152.211
你也没说错误的实际表现症状,错误条件场景也不详,我也没法做重现,不过我凭经验猜一下,可能是这个原因:
button元素的Type属性的默认值问题,预设的普通button在点击之后,不但激发了click事件,在事件处理之后还自动提交了表单,button元素在IE里面的默认Type属性值是button,在Chrome和Firefox里面的默认属性值是submit。所以用这个元素的时候,最好还是写明其Type属性值。
【 在 xiaoluBambi 的大作中提到: 】
: 制作一个简单的进度条,使用按钮控制开始,用input type="button"可以正常运行,
: 使用button则无效,求高手解答~~
: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
: ...................
--
修改:dhcn FROM 221.194.157.*
FROM 124.42.13.*
函数 start 改个名字
【 在 xiaoluBambi (xiaoluBambi) 的大作中提到: 】
: 制作一个简单的进度条,使用按钮控制开始,用input type="button"可以正常运行,
: 使用button则无效,求高手解答~~
: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
: ...................
--
FROM 180.136.174.*
就是type="button"没加而已。
【 在 dhcn 的大作中提到: 】
: 你也没说错误的实际表现症状,错误条件场景也不详,我也没法做重现,不过我凭经验猜一下,可能是这个原因:
: button元素的Type属性的默认值问题,预设的普通button在点击之后,不但激发了click事件,在事件处理之后还自动提交了表单,button元素在IE里面的默认Type属性值是button,在Chrome和Firefox里面的默认属性值是submit。所以用这个元素的时候,最好还是写明其Type属性值。
--
FROM 123.123.53.*
把别人回答的最后结论加个“而已”再重复一遍,想说明什么?别人的分析和回答毫无价值?亦或这种问题没有赘言的必要,能“糊弄”过去就行?
咱们做前端,不要搞得自己跟得做画UI泼墨大写意艺术家似的,什么问题都是一笔而过,问题解决还是做细做透一点的好。
【 在 hopesfish 的大作中提到: 】
: 就是type="button"没加而已。
:
--
修改:dhcn FROM 124.42.13.*
FROM 124.42.13.*
好吧 我是不负责任的灌水 我道歉
不过对于LZ来说,可能一句话就足够了。。。
前端领域太多这种新手问题,你帮不过来的
下次你认真回复我一定不捣乱 :D
【 在 dhcn 的大作中提到: 】
: 把别人回答的最后结论加个“而已”再重复一遍,想说明什么?别人的分析和回答毫无价值?亦或这种问题没有赘言的必要,能“糊弄”过去就行?
: 咱们做前端,不要搞得自己跟得做画UI泼墨大写意艺术家似的,什么问题都是一笔而过,问题解决还是做细做透一点的好。
--
FROM 202.108.130.*
这个细、透,太费神了。
1,w3可能标准未必写的那么仔细;
2,M$,mozilla等,未必都符合w3标准,自己的文档可能有,也可能无,也可能有你搜不到
3,一些山寨浏览器让你很无奈
所以前端问题,w3有有稍微看一下,至于其他浏览器如何实现就得实验测试了。
结果能记住就记住好了。
【 在 dhcn (小石) 的大作中提到: 】
: 把别人回答的最后结论加个“而已”再重复一遍,想说明什么?别人的分析和回答毫无价值?亦或这种问题没有赘言的必要,能“糊弄”过去就行?
: 咱们做前端,不要搞得自己跟得做画UI泼墨大写意艺术家似的,什么问题都是一笔而过,问题解决还是做细做透一点的好。
--
FROM 61.135.152.211