当前位置: 首页 > 文档资料 > HTML 宝典 >

3.4.3 普通按钮

优质
小牛编辑
132浏览
2023-12-01

把 input 元素的 type 属性设置为“button”,可以创建普通按钮。按钮上显示的文本是value 属性的值,如果没有提供 value 属性,则只创建一个空按钮。如:

<input type="button" value="立即购买">

上述按钮的运行结果如图 3‑33 所示:

普通按钮
图3-33 普通按钮

默认情况下,在普通按钮上点击,是没有任何反应的。因此,需要为普通按钮注册事件,并手动编写相应的处理函数。假如希望单击上述按钮时,提交表单,则要为按钮注册onClick 事件。如:

<form name="buy" action="form.html" method="post">
    <button onClick="submitForm(buy)">立即购买</button>
</form>

现在点击按钮,就会触发 onClick 事件,并调用事件处理函数submitForm(buy),参数 buy 为待处理表单name 属性的值。如果希望点击按钮后提交表单,就可以在事件处理函数中调用 form 对象的 submit() 方法:

function submitForm(f) {
    f.submit();  
}