您的位置:CSS主页 > HTML基础 >

Html form input表单标签元素

 

Html form input表单标签元素知识教程篇,(您可能需要了解关于html form知识)

目录
  1. Form input标签语法与结构
  2. form input标签使用说明
  3. Form input案例html代码
  4. DW软件里截图
  5. input表单浏览器效果
  6. 表单控件标签提示总结
  7. 在线演示网页

1、Form input标签语法与结构:   -   TOP

<input name="" type="submit" value="提交" />
Name为此表单控件识别命名,一般使用英文字母在一个页面里具有唯一性
Type为表单控件样式
type="text" 输入框控件
type="submit" 按钮控件
type="checkbox" 多选复选框控件
type="radio" 单选框

2、Form input标签使用说明:   -   TOP

常常我们使用在一个网页中数据提交标签,比如我们留言板、评论等可以填写数据,标签提交处理地方都需要表单标签,而form表单标签内放输入框input、单选、多选、提交按钮等标签内容,而输入框、单选、多选、按钮等控件都可以使用表单标签input实现,只需赋予不同type值即可实现不同表单控件功能。

3、Form input使用案例html代码:   -   TOP

  1. <form action="" method="get"> 
  2.    <label>type="text" 输入框</label> 
  3.    <input name="" type="text" size="22" /><br /> 
  4.     <label>type="checkbox" 多选复选框</label> 
  5.     <input name="" type="checkbox" value="" /><br /> 
  6.     <label>type="radio" 单选框</label> 
  7.     <input name="" type="radio" value="" /><br /> 
  8.     <label>type="submit" 按钮</label> 
  9.     <input name="" type="submit" value="提交" /> 
  10. </form> 

4、DW软件里截图表单效果:   -   TOP

5、此input表单标签案例在浏览器中效果:   -   TOP

6、ThinkCSS对html form input标签提示总结:   -   TOP

1)、form input是表单标签,通常此标签内放输入框、单选、多选、多行文本框、下拉选项菜单等表单内容
2)、表单的美化可以赋予每个input不同的class类样式实现美化效果。

7、html form input表单控件在线演示:   -   TOP

http://www.thinkcss.com/yanshi/form-input.html

标签(Tag): input form 表单 表单按钮 表单输入框 html输入框

更多

 

HTML必备基础教程

 

CSS必备基础教程

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期:2012-06-30     点击:
原创来源:ThinkCSS     来源网址:http://www.thinkcss.com/view/a22.html
本文WWW.ThinkCSS.COM(DIV CSS) ThinkCSS版权所有,欢迎转载,并注明出处来源及URL!

 

推荐信息