首页 > 编程 > HTML > 正文

html的form内部标签应该如何使用

2020-03-24 17:51:18
字体:
来源:转载
供稿:网友
这次给大家带来html的form内部标签应该如何使用,使用html的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  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。

相信看了这些案例你已经掌握了方法,更多精彩请关注php 其它相关文章!

相关阅读:

Html中Select的option怎样设置默认选择

怎样可以固定table的宽度 table-layout: fixed

优化HTML的输入框提高用户体验和易用度的方法

以上就是html的form内部标签应该如何使用的详细内容,html教程

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

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