• 中办印发《关于进一步激励广大干部新时代新担当新作为的意见》 2019-09-07
  • 一条塔里木河 串起南疆各色景致与无限风光 2019-09-07
  • 【互动话题】我为两会建言献策 2019-07-18
  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-07-18
  • 新生代农民工市民化与城镇化发展 2019-07-04
  • 习近平应约同俄罗斯总统普京通电话 2019-07-02
  • 中粮集团混改再按“快进键” 2019-07-02
  • 人的本质,要能反映出人与动物的本质不同。过去有个网友说“劳动是人的本质”;真理先生现说是“财富占有”!???,能解释一下么? 2019-06-30
  • [鄙视]又一个“风水帖”。深坛什么时候成了“算命平台”了?!这些伪公知砖家不深入农村了解农民,凭一点表象就信口开河,“辛苦劳作的农民没有富起来”是这“4点原因” 2019-06-22
  • 击鼓-热门标签-华商生活 2019-06-22
  • 河北定州:秸秆回收变废为宝 2019-05-14
  • 妹妹半个多世纪前嫁到安徽 八旬老人想再见她一面 2019-05-14
  • 在这里,读懂2017——人民日报十大评论文章 2019-05-14
  • 步飘恒的专栏作者中国国家地理网 2019-05-14
  • 【奋斗者说】银河麒麟孔金珠:核心技术只有靠自己干出来 2019-05-13
  • 欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
    您的位置:时时彩走势图后一 > HTML >

    Html form input表单标签元素

    html form表单之input控件,input type包含input text输入框、input submit按钮、input checkbox多选复选框、input radio单选框基础介绍与案例演示,让大家掌握html form input各type控件元素。

    input目录
    1. Form input标签语法与结构
    2. input标签使用
    3. input type使用案例
    4. DW软件里input表单截图
    5. 浏览器input各type截图
    6. html form input标签总结

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

    <input name="" type="submit" value="提交" />
    Name为此表单控件识别命名,一般使用英文字母在一个页面里具有唯一性
    Type为表单控件样式
    type="text" 输入框控件,用于输入内容如用户名、密码之类内容输入框控件
    type="submit" 按钮控件,用于提交、重置动作
    type="checkbox" 多选复选框控件,用于多选题、多选功能(进入了解 html checkbox多选框)
    type="radio" 单选框,用于单选,唯一选择功能

    二、Form input标签使用说明   -   TOP

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

    三、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> 

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

    html form input type各功能表单控件效果截图
    DW软件里html form input type各功能表单控件效果样式截图

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

    html input各tpye功能控件在浏览器显示样式截图
    html input各tpye功能控件在浏览器显示样式截图、浏览器中显示form input表单各功能控件

    六、DIVCSS5对html form input标签提示说明   -   TOP

    1、form input是表单标签,通常此标签内放输入框、单选、多选、多行文本框、下拉选项菜单等表单内容
    2、表单的美化可以赋予每个input不同的class类样式实现美化效果。
    3、不同type类型表单功能控件有不同功能,大家使用时候更加需要选择自己所需控件样式。

    相关推荐阅读
    1、html input搜索框布局实例

    如需转载,请注明文章出处和来源网址://www.cuhw.com.cn/html/h374.shtml

    时时彩走势图后一 www.cuhw.com.cn 如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
    时时彩走势图后一文章修订日期:2018-08-14 17:37 原创:时时彩走势图后一
    本文时时彩走势图后一 www.cuhw.com.cn DIVCSS5版权所有。

  • 中办印发《关于进一步激励广大干部新时代新担当新作为的意见》 2019-09-07
  • 一条塔里木河 串起南疆各色景致与无限风光 2019-09-07
  • 【互动话题】我为两会建言献策 2019-07-18
  • 还是中国足球队最牛,因为他稳定;中国股市就不一样了,怎么形容呢?唉,还不如中国足球! 2019-07-18
  • 新生代农民工市民化与城镇化发展 2019-07-04
  • 习近平应约同俄罗斯总统普京通电话 2019-07-02
  • 中粮集团混改再按“快进键” 2019-07-02
  • 人的本质,要能反映出人与动物的本质不同。过去有个网友说“劳动是人的本质”;真理先生现说是“财富占有”!???,能解释一下么? 2019-06-30
  • [鄙视]又一个“风水帖”。深坛什么时候成了“算命平台”了?!这些伪公知砖家不深入农村了解农民,凭一点表象就信口开河,“辛苦劳作的农民没有富起来”是这“4点原因” 2019-06-22
  • 击鼓-热门标签-华商生活 2019-06-22
  • 河北定州:秸秆回收变废为宝 2019-05-14
  • 妹妹半个多世纪前嫁到安徽 八旬老人想再见她一面 2019-05-14
  • 在这里,读懂2017——人民日报十大评论文章 2019-05-14
  • 步飘恒的专栏作者中国国家地理网 2019-05-14
  • 【奋斗者说】银河麒麟孔金珠:核心技术只有靠自己干出来 2019-05-13
  • 龙之谷如何赚钱2015 中学生怎么可以赚钱买手机 新时时历史开奖记录 澳洲三分彩可靠吗 赛车最稳方法 重庆时时可以发财吗 飞艇五码计划人工在线 英国五分彩怎么玩稳赚 秒速时时计划网页版 500彩票 东京15分彩手机计划 吉林时时五星直选 辽宁11选5开奖今天 那个师傅带赚钱 和值大小单双稳赚技巧 宁夏11选5开奖