Rumah  >  Artikel  >  hujung hadapan web  >  HTML CSS之FORM的详细介绍

HTML CSS之FORM的详细介绍

高洛峰
高洛峰asal
2017-03-27 09:55:471771semak imbas

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>

Atas ialah kandungan terperinci HTML CSS之FORM的详细介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn