首頁  >  文章  >  web前端  >  HTML CSS之FORM的詳細介紹

HTML CSS之FORM的詳細介紹

高洛峰
高洛峰原創
2017-03-27 09:55:471721瀏覽

form 表單常用於收集不同類別使用者的輸入,允許使用者收集:文字域(text)、下拉清單(select)、單選方塊(radio)、複選框(checkbox) 以及動按紐(Action)

表單標籤

HTML CSS之FORM的详细介绍

     大多數表單標籤都是input標籤,輸入類型是(type)定義的。

            例:ff9c23ada1bcecdd1a0fb5d5a0f18437

                              ea87ae3ecff3ee4806b0b8baef4c39f1   當需要預設值時用value屬性

##               


                        ee0635186b5147218ea5cd2b4a1c7524

                        <)選

            下拉清單使用的元素為: select #                d7e1734ba3499d1851ead5423802442b東風4afa15d3069109ac30911f04c56f3338

60e3e4156f93360140eccdbe9fc2b955寄瑞4afa15d3069109ac30911f04c56f3338  selected為預設選擇屬性 18091617432127013b3ab876ff615004  selected為預設選擇屬性 b6a53608c0886c3d06d0a681351fcaee吉利4afa15d3069109ac30911f04c56f3338


        18bb6ffaf0152bbe49cd8a3620346341  

    f5a47148e367a6035fd7a2faa965022e

本範例示範如何在資料周圍繪製一個帶有標題的方塊。

ff9c23ada1bcecdd1a0fb5d5a0f18437

2b5469ab79cf842344327415c3b3bb95

e911751791aa3ba95dc724e2fb905976健康資訊a814477f903c8e27bd1ff8e5c6bbe7c1

# 身高:c5b5b4350adc193d659abbcb630e24d8

HTML CSS之FORM的详细介绍 三圍:22e1bb649e3e439c82b64204a5f95e3f

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