首页 > 编程 > HTML > 正文

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

2020-03-24 17:03:40
字体:
来源:转载
供稿:网友
这篇文章主要介绍了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 列表标签: 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 复选框实例:我喜欢自行车:  input type= checkbox name= Bike 我喜欢汽车:  input type= checkbox name= Car  /tr 单选按钮: input type= radio checked= checked name= Sex value= male  input type= radio name= Sex value= female  /form  p 当用户点击一个单选按钮时,该按钮会变为选中状态,其他所有按钮会变为非选中状态。 /p  /tr  textarea rows= 10 cols= 30 文本域标签的使用 /textarea  /tr  /tr  /tr  td 账号: /td  input name= userid  /td  /tr  td 密码: /td  input name= pwd  /td  /tr  input type= submit value= 确认提交 /  /td  input type= reset value= 重置 /  /td  /tr  /table  /form  /fieldset  /body  /html 

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

以上就是HTML的表单form以及form内部标签的使用的详细内容,html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表