Widget-紐 Input标签和 button标签 Input中,type属性可以为: button, submit, reset, img a example for button- microsoft Internet Explorer -o 文件)编辑①)查看Q)收藏④)工具〔)帮助Q 后退·②凶的哈搜索次收藏夹③ 地址①)W网排MN转到链接 Click ME! Submit 完毕 我的电脑
Widgets-按钮 Input标签和button标签 Input中，type属性可以为：button，submit， reset，img
aple for but Widgets紅(块 ● button元素是一个非空 地址①)E:研究写书W囹转到链接 行内元素,它将其子元 素作为按钮面板内容显 示出来,并通过将其 我的电脑 type属性设为 button、 submit和 reset来指定该 <html> 按钮是普通按钮、提交 ample for button tag</title 按钮或是重置按钮。 <form name="formI"action=2.21. html"method="post"> <button type=submit"name=submit <img src=bird.gif"/>o! wonderful button
Widgets-按钮 （续） button元素是一个非空 行内元素，它将其子元 素作为按钮面板内容显 示出来，并通过将其 type属性设为button、 submit和reset来指定该 按钮是普通按钮、提交 按钮或是重置按钮。 <html> <head> <title>example for button tag</title> </head> <body> <form name="form1" action="2.21.html" method="post"> <button type="submit" name="submit1"> <img src="bird.gif" />o! wonderful! </button> </form> </body> </html>
Widgets文本框类挖件 <html> Input, type= <head> <title>example for text tags </title> text <form name=forml action="#"method="post"> passwor d <input type="text"value="Text"psbr hidden <input type=""password"value="""pcbr Pl textarea <input type="hidden value="[Hidden Text]" >cbrP xample for text ta:回冈< textarea name:=" textarea 文件)编辑￠)查看Q收藏⑩) rows=3 cols=15> 地址①)包E:1明究写书\置应v②转到链接 Hello world </textarea </form> [Text] body> </html> Hello World 我的电脑
Widgets-文本框类控件 input, type= text password hidden textarea <html> <head> <title>example for text tags</title> </head> <body> <form name="form1" action="#" method="post"> <input type="text" value="[Text]" /><br /> <input type="password" value="" /><br /> <input type="hidden" value="[HiddenText]" /><br /> <textarea name="textarea1" rows="3" cols="15"> Hello World!</textarea > </form> </body> </html>
Widgets选择类控件 使用 Input作为主标 1 example for select tags- Microsoft Interne.OX 签,设置type为: 文件)编辑)查看)收藏()工具〔)帮助Q 后·②·国图搜索☆收夹 》》 radio, checkbox 地址①)E:{研究写书Wb应用基础代码第二章24Mt閉转到链接 ●使用 select来实现菜 ⊙ radio1 单 回 checkbox1 口 checkbox2 回 checkbox3 item1 包完毕
Widgets-选择类控件 使用input作为主标 签，设置type为： radio, checkbox 使用select来实现菜 单
代码 <html> <title>example for select tags</title> body> <formmethod="post"action=http://127.0.0.1/test.jsp name="formi <input type="radio"name="radio"value="radioi checked="checked"/> radiol<br <input type="radio" name=radio"value="radio2"/> radio2<br <hr/> checked="checked/ t <input type="checkbe name=cbi value=" / checkbox<br/ <input type="checkbox" name="cb2 value=2/> checkbox<br/> <input type="checkbox"name="cb"value=3 checked checked d"/> checkbox <br/>
代码 <html> <head> <title>example for select tags</title> </head> <body> <form method= " post" action= "http://127.0.0.1/test.jsp " name= "form1 " > <input type= " radio " name= " radio " value= " radio1 " checked= " checked" /> radio1<br /> <input type= " radio " name= " radio " value= " radio2 " /> radio2<br /> <hr /> <input type= " checkbox " name= " cb1 " value= " 1 " checked= " checked" /> checkbox1<br /> <input type= " checkbox " name= " cb2 " value= " 2 " /> checkbox2<br /> <input type= " checkbox " name= " cb3 " value= " 3 " checked= " checked" /> checkbox3<br />