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

HTML CSS之FORM的详细介绍

高洛峰
Lepaskan: 2017-03-27 09:55:47
asal
1819 orang telah melayarinya

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

表单标签

HTML CSS之FORM的详细介绍

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

            例:

                

                           当需要默认值时用 value属性

                

                        (默认选中)  单选

                

                           (默认选中) 多选

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

            例:

           

   

HTML CSS之FORM的详细介绍

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

健康信息

身高:

三围:

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>
Salin selepas log masuk

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan