web实例.doc

例子1 简单的下拉列表 html body form select name=cars option value=volvoVolvo/option option value=saabSaab/option option value=fiatFiat/option option value=audiAudi/option /select /form /body /html 实例2 密码域 html body form 用户： input type=text name=user br 密码： input type=password name=password /form p 请注意，当您在密码域中键入字符时，浏览器将使用项目符号来代替这些字符。 /p /body /html html body form 我喜欢自行车： input type=checkbox name=Bike br 我喜欢汽车： input type=checkbox name=Car /form /body /html 实例4 单选按钮 html body form 男性： input type=radio checked=checked name=Sex value=male br 女性： input type=radio name=Sex value=female /form p当用户点击一个单选按钮时，该按钮会变为选中状态，其他所有按钮会变为非选中状态。/p /body /html 实例5 另一个下来类表 html body form select name=cars option value=volvoVolvo/option option value=saabSaab/option option value=fiat selected=selectedFiat/option option value=audiAudi/option /select /form /body /html 实验6 html body p This example cannot be edited because our editor uses a textarea for input, and your browser does not allow a textarea inside a textarea. /p textarea rows=10 cols=30 The cat was playing in the garden. 实验7 创建按钮 html body form input type=button value=Hello world! /form /body /html 实验8 本例演示如何在数据周围绘制一个带标题的框。body fieldset legend健康信息：/legend form label身高：input type=text //label label体重：input type=text //label /form /fieldset p如果表单周围没有边框，说明您的浏览器太老了。/p /body /html 实验9 html body form action=/example/html/form_action.asp method=get pFirst name: input type=text name=fname //p pLast name: input type=text name=lname //p input type=submit value=Submit / /form p请单击确认按钮，输入会发送到服务器上名为 form_action.asp 的页面。/p /body /html 实验10 带有复选框的按钮 html body form name=input action=/html/html_form_action.asp method=get I have a bike: input type=checkbox name=vehicle value=Bike checked=checked / br / I have a car: input type=checkbox name=vehicle value=Car / br / I have an airplane: input type=checkbox name=vehicle value=Airplane / br /br / input type=submit value=Submit / /form p如果您点击 Submit 按钮，您将把输入传送到名为 html_form_action.asp 的新页面。/