首页  >  文章  >  web前端  >  HTML CSS之FORM的详细介绍

HTML CSS之FORM的详细介绍

高洛峰
高洛峰原创
2017-03-27 09:55:471719浏览

form 表单 常用于收集不同类用户的输入,允许用户收集:文本域(text)、下拉列表(select)、单选框(radio)、复选框(checkbox) 以及动按纽(Action)

表单标签

HTML CSS之FORM的详细介绍

     大多数表单标签都是input标签,输入类型是(type)定义的。

            例:ff9c23ada1bcecdd1a0fb5d5a0f18437

                ab831c5be124498634114b9f6c783853

                        58a654abd2644e8d5f8f0c04f21c6eba   当需要默认值时用 value属性

                20ce8274de5a9106439b7dfa8944c75f

                        d407e321b9c83cc3fc21bc45c6b0daef(默认选中)  单选

                5f7671a356166ea5b05343512ba47c67

                        009cafd4f4fb99da22ed3a927c3814a9   (默认选中) 多选

            下拉列表使用到的元素为: select  属性为:option

            例:

         221f08282418e2996498697df914ce4e

                768035eef88a0e49636c654bdb9ac7ea东风4afa15d3069109ac30911f04c56f3338

a003d1077b73e6c96b08eb3b8c0d0651寄瑞4afa15d3069109ac30911f04c56f3338  selected为默认选择属性 cf4424510f3315e705a05291c2825c9c吉利4afa15d3069109ac30911f04c56f3338

        18bb6ffaf0152bbe49cd8a3620346341  

    f5a47148e367a6035fd7a2faa965022e

HTML CSS之FORM的详细介绍

本例演示如何在数据周围绘制一个带标题的框。

ff9c23ada1bcecdd1a0fb5d5a0f18437

2b5469ab79cf842344327415c3b3bb95

e911751791aa3ba95dc724e2fb905976健康信息a814477f903c8e27bd1ff8e5c6bbe7c1

身高:ec1428ba487b0fd5d7fe857f9d4b2faa

三围:ec1428ba487b0fd5d7fe857f9d4b2faa

a3ae74428855f48d0438405a4619fe75

f5a47148e367a6035fd7a2faa965022e

Button 按钮的三个属性

submit    该按钮是提交按钮(除了 Internet Explorer,该值是其他浏览器的默认值)。    

button    该按钮是可点击的按钮(Internet Explorer 的默认值)。    

reset    该按钮是重置按钮(清除表单数据)。    

<form action="form_action.asp" method="get">
  First name: <input type="text" name="fname" />
  Last name: <input type="text" name="lname" />
  
  <button type="submit" value="Submit">Submit</button>
  <button type="reset" value="Reset">Reset</button>
</form>

以上是HTML CSS之FORM的详细介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn