表单的问题
来源：7-1 JS对表单元素进行设置1
言无月
2020-05-15 08:57:17
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript">
function c(){
document.getElementById("name").value="姓名";
// alert("123");
var sex=document.getElementsByName("sex");
// alert(sex[0].checked);
if (sex[0].checked) {
alert(sex[0].value);
}else{
alert(sex[1].value);
}
}
</script>
</head>
<body>
<form>
<label>姓名</label>
<input type="text" id="name" value="请填写姓名"/>
<label>性别</label>
<input type="radio" name="sex" value="1" checked="checked"><label>男</label>
<input type="radio" name="sex" value="0"><label>女</label>
<button id="btn1" onclick="c()" value=""><button>设置的按钮</button>
<input type="button" name="" value="通过<input>设置的按钮" />
</form>
</body>
</html>
问题一：按钮控件好像可以通过<input>设置，也可以通过button设置 ，有什么不同吗？
问题二：为什么单击
的按钮
文本框的按钮没有变化？
问题三：为什么单击
的按钮后，页面弹出提示框之后页面好像闪了一下（如果表单的的单选按钮选择为女的化，闪了一下之后就会自动变为选择男的）
1回答
-
同学你好，1. <button>和<input type="button">两者之间的区别：
1.1、在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。
1.2、form表单中< button >标签就相当于< input type=“submit” >，一点击就会提交表单；而使用< input type=“button” >点击不会提交表单，这样就可以更灵活的使用js处理一些业务。
2. 在js代码只是弹出性别，所以点击[ button 设置的按钮 ]，文本框的按钮没有变化
3. < button >标签一点击就会提交表单，所以当点击[ button 设置的按钮 ]后会重新进入了当前页面。查看效果如同同学描述一致。
如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
0
相似问题