HTML的表单form以及form内部标签

来源：互联网发布：sql in语句编辑：程序博客网时间：2024/06/06 08:06

<html> <head>  <title> form表单的使用 </title>  <!--  标签名称：form 表单标签  属性：action:提交的去向,目标地址的urlmethod:设置提交请求的方式，get和post；默认为getget和post提交有什么区别？------------------------get传输：将内容信息放在地址栏传输，而且长度限制在1k,而且安全性不好。post传输：将内容房子body信息中传输。没有长度限制。  子标签：input标签：需要提交其中的value，必须有一个name属性。属性：type：password 等//------------通过下面的实例的演示，发现在某些情况下可以用form去做链接，而且做链接的同时还能提交数据到这个目标的地址文件上。fieldset标签：定义域legend标签：定义域的标题         --> </head> <body> <fieldset> <legend>form表单标签，子标签实例：</legend> <form action="01列表.html"  method="get">  <table  border="1px" width="800px">  <tr>列表标签：<br><select name="cars"><option value="volvo">Volvo</option><option value="saab">Saab</option><option value="fiat" selected="selected">Fiat</option><option value="audi">Audi</option></select><br></tr><tr>复选框实例：<br>我喜欢自行车：<input type="checkbox" name="Bike"><br>我喜欢汽车：<input type="checkbox" name="Car"><br></tr><tr>单选按钮：<br>男性：<input type="radio" checked="checked" name="Sex" value="male"><br>女性：<input type="radio" name="Sex" value="female"></form><p>当用户点击一个单选按钮时，该按钮会变为选中状态，其他所有按钮会变为非选中状态。</p></tr><tr>文本域：<br><textarea rows="10" cols="30">文本域标签的使用</textarea></tr><tr></tr><tr></tr><tr><td>账号：</td><td><input name="userid"></td></tr><tr><td>密码：</td><td><input name="pwd"></td></tr><tr><td><input type="submit" value="确认提交"/></td><td><input type="reset" value="重置"/></td></tr>  </table>  </form>  </fieldset> </body></html>

只要是有name和value属性的标签都可以放在form内部，同时也可以将这些标签的数据提交到另一个url。

1 0