老师请检查

老师，我想问一句题外的问题，就是一般网页中的按钮是用div还是用input type=button呢？

<!DOCTYPE html>

<html>

<head>

<title>HTML事件</title>

<style>

.btn{

width: 140px;

height: 30px;

line-height: 30px;

background: lightgray;

color: black;

font-size: 14px;

text-align: center;

float: left;

margin-left:20px ;

}

</style>

</head>

<body>

//补充代码

function mouseoverFn(btn,fontColor){

btn.style.color=fontColor;

}

function mouseoutFn(btn,fontColor){

btn.style.color=fontColor;

}

</script>

</body>

</html>

hyperse 2019-02-26

源自：JavaScript DOM事件 2-9 编程练习

收起

2回答

好帮手慕夭夭回答被采纳获得+3积分 2019-02-26 18:01:51

你好同学 ,解答如下:

1 .input是表单元素 . 它属于行内块元素 ,也就是inline-block; 表单的其他元素一般都是行内块元素哦

2.不一定表单就要嵌套在form里面 . 练习的时候如果写一个按钮的话 , 可以不嵌套表单 . 在实际开发中 ,需要具体看公司的需求了 . 如果点击这个按钮不需要给后台提交数据 ,就不需要把表单写在form 里面. 如果需要提交数据 , 就要写在form表单里面了 .

祝学习愉快 ,望采纳 .

收起回答

好帮手慕夭夭 2019-02-26 15:14:02

你好同学 , 推荐使用<input type="button">哦 ,因为它本身就是用来做按钮的 .而div标签一般用于划分区域的 .例如网页中有顶部 ,主体和尾部 , 不同区域就使用不同div包裹 , 然后每一个区域内也要会包裹很多小div分成更细的结构 .但是结构中的内容 , 就会使用不同的标签 , 例如div中有一段文本使用p包裹 , 表单使用input , 链接使用a标签 .

所以 , 不同的功能使用不同的标签 , 这样才会让我们的代码更加规范 , 也增加可读性 .

同学上传的代码实现了效果 , 很棒 . 希望解答了你的疑惑 , 祝学习愉快 ,望采纳 .

收起回答

提问者 hyperse #1

好的，谢谢老师，input是块级元素还是内联元素呢？总感觉加样式起来没有div方便的样子，还有就是表单中其他元素是块级元素还是内联呢？望详解，谢谢老师

2019-02-26 15:20:25
提问者 hyperse #2

老师老师，input属于表单元素对吗？那如果说按钮用input好一些的话，是每次都要写form标签吗？即使没有表单，只有一个按钮的情况下，应该如何写呢？谢谢！

2019-02-26 15:33:10