HTML表单标记教程(3):输入标记<INPUT>(6)

http://www.itjxue.com  2015-08-05 23:10  来源:未知  点击次数: 

普通按纽BUTTON

表单中的按钮起着至关重要的作用。按钮可以激发提交表单的动作,可以在用户需要修改表单的时候,将表单恢复到初始的状态,还可以依照程序的需要,发挥其它作用。普通按钮主要是配合JavaScript脚本来进行表单的处理。

基本语法

<input type="button" name="field_name" value="button_text">

语法解释

value值代表显示在按钮上面的文字。

文件范例:11-11.htm

在页面中插入普通按钮。
01 <!-- ------------------------------ -->
02 <!-- 文件范例:11-11.htm -->
03 <!-- 文件说明:插入普通按钮 -->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>插入普通按钮</title>
08 </head>
09 <body>
10 <h1>用户调查</h1>
11 <Form action=mailto:tslxg@hotmail.com method=get name=invest>
12 姓名:<input type="text" name="username" size=20><br>
13 网址:<input type="text" name="url" size=20 maxlength=50 value="http://"><br>
14 密码:<input type="password" name="password" size=20 maxlength=8><br>
15 确认密码:<input type="password" name="password_confirm" size=20 maxlength=8><br>
16 请上传你的照片:<input type="File" name="File"><br>
17 请选择你喜欢的音乐:
18 <input type="checkbox" name="m1" value="rock" checked>摇滚乐
19 <input type="checkbox" name="m2" value="jazz">爵士乐
20 <input type="checkbox" name="m2" value="pop">流行乐<br>
21 请选择你居住的城市:
22 <input type="radio" name="city" value="beijing" checked>北京
23 <input type="radio" name="city" value="shanghai">上海
24 <input type="radio" name="city" value="nanjing">南京<br>
25 <input type="button" name="button" value="普通按钮">
26 </Form>
27 </body>
28 </html>

文件说明

第25行就是插入的普通按钮。

(责任编辑:IT教学网)

更多

推荐HTML/Xhtml文章