欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >

HTML基础必学列表

Html <form>表单标签元素

Html form 表单区域标签元素

form表单目录
  1. Form表单区域标签语法与结构
  2. Form表单区域标签使用说明
  3. 演示对比图
  4. 案例html代码
  5. DW软件里截图
  6. html form表单总结

一、Form表单区域标签语法与结构:   -   TOP

<form action="" method="get"> </form>

<form action="" method="post"> </form>

Method的值为get时,是通过URL传内容与参数,这个时候我们通过网址URL能看见自己填写内容提交处理

Method的值为post时,是通过类似缓存传填写内容与参数,而URL是不能看到form表单填写内容提交内容。

对于html 表单form标签,有了form表单及提交方式(get post)(了解 get post区别),才能将数据进行传输给程序处理,否则程序不能接收到将要处理的数据。

二、Form表单区域标签使用说明   -   TOP

常常我们使用在一个网页中数据提交标签,比如我们留言板、评论等可以填写数据,提交处理地方都需要表单标签,而form表单标签内放输入框input、单选、多选、select下拉列表菜单与跳转菜单、提交按钮等标签内容。扩展知识:html inputinput typeform input

使用form声明该对象内是表单区域。

三、Form使用的地方演示对比图:   -   TOP

form表单截图
form表单截图

四、Form使用案例html代码   -   TOP

  1. <form action="" method="get"> 
  2. <input name="" type="text" size="22" /> 
  3. <input name="" type="submit" value="提交" /> 
  4. </form> 

五、DW软件里截图 与浏览器下表单效果   -   TOP

DW软件中插入html form表单标签效果截图
html form表单截图

六、DIVCSS5对html form表单区域标签提示说明   -   TOP

1、html form是表单区域标签,通常此标签内放输入框、单选、多选、多行文本框、下拉选项菜单等表单内容
2、form的action的值填写为将表单提交内容送往的页面地址。
3、form表单标签可以通过DW直接插入。

如需转载,请注明文章出处和来源网址:/html/h373.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2013-01-25 11:06 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。