HTML的表单form以及form内部标签的使用
导读：收集整理的这篇文章主要介绍了HTML的表单form以及form内部标签的使用，觉得挺不错的，现在分享给大家，也给大家做个参考。 复制代码代码如下: <htML> <head> <tITle> f...
收集整理的这篇文章主要介绍了HTML的表单form以及form内部标签的使用，觉得挺不错的，现在分享给大家，也给大家做个参考。 复制代码代码如下:
htML>
head>
tITle> form表单的使用 /title>
!--
标签名称：form 表单标签
属性：action:提交的去向,目标地址的url
method:设置提交请求的方式，get和post；默认为get
get和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>
列表标签：
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>
/tr>
tr>
复选框实例：
我喜欢自行车：
input type="checkbox" name="Bike">
我喜欢汽车：
input type="checkbox" name="Car">
/tr>
tr>
单选按钮：
男性：
input type="radio" checked="checked" name="Sex" value="male">
女性：
input type="radio" name="Sex" value="female">
/form>
p> 当用户点击一个单选按钮时，该按钮会变为选中状态，其他所有按钮会变为非选中状态。/p>
/tr>
tr>
文本域：
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。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： HTML的表单form以及form内部标签的使用
本文地址： https://pptw.com/jishu/588076.html