站長資訊網
        最全最豐富的資訊網站

        html中什么是表單

        在html中,表單是一個包含表單元素的區域,主要用于收集不同類型的用戶輸入,需要使用表單標簽form來定義;而表單元素是允許用戶在表單中輸入內容的控件,比如輸入標簽(input)、文本域(textarea)等等。

        html中什么是表單

        本教程操作環境:windows7系統、HTML5版、Dell G3電腦。

        表單是一個包含表單元素的區域。

        表單元素是允許用戶在表單中輸入內容,比如:文本域(textarea)、下拉列表、單選框(radio-buttons)、復選框(checkboxes)等等。

        表單通過<form>標簽來創建,其中放置表單的對象,如表單域、按鈕和其他事物:

        <form> .... 表單元素 .... </form>

        常見的表單元素

        1、input 輸入標簽

        多數情況下被用到的表單標簽是輸入標簽(<input>)。

        <input type="text" >

        html中什么是表單

        <input> 元素根據不同的 type 屬性,可以變化為多種形態。

        描述
        button 定義可點擊的按鈕(通常與 JavaScript 一起使用來啟動腳本)。
        checkbox 定義復選框。
        color 定義拾色器。
        date 定義 date 控件(包括年、月、日,不包括時間)。
        datetime 定義 date 和 time 控件(包括年、月、日、時、分、秒、幾分之一秒,基于 UTC 時區)。
        datetime-local 定義 date 和 time 控件(包括年、月、日、時、分、秒、幾分之一秒,不帶時區)。
        email 定義用于 e-mail 地址的字段。
        file 定義文件選擇字段和 "瀏覽…" 按鈕,供文件上傳。
        hidden 定義隱藏輸入字段。
        image 定義圖像作為提交按鈕。
        month 定義 month 和 year 控件(不帶時區)。
        number 定義用于輸入數字的字段。
        password 定義密碼字段(字段中的字符會被遮蔽)。
        radio 定義單選按鈕。
        range 定義用于精確值不重要的輸入數字的控件(比如 slider 控件)。
        reset 定義重置按鈕(重置所有的表單值為默認值)。
        search 定義用于輸入搜索字符串的文本字段。
        submit 定義提交按鈕。
        tel 定義用于輸入電話號碼的字段。
        text 默認。定義一個單行的文本字段(默認寬度為 20 個字符)。
        time 定義用于輸入時間的控件(不帶時區)。
        url 定義用于輸入 URL 的字段。
        week 定義 week 和 year 控件(不帶時區)。

        2、textarea 文本域

        <textarea> 元素定義多行輸入字段(文本域):

        <textarea name="message" rows="10" cols="30"> The cat was playing in the garden. </textarea>

        html中什么是表單

        3、button 按鈕

        <button> 元素定義可點擊的按鈕:

        4、select 下拉列表,option待選擇的選項

        <select> 元素定義下拉列表,<option> 元素定義待選擇的選項。

        <select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select>

        html中什么是表單

        下拉列表通常會把首個選項顯示為被選選項。但可以通過添加 selected 屬性來定義預定義選項。

        推薦教程:《html視頻教程》

        贊(0)
        分享到: 更多 (0)
        網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
        主站蜘蛛池模板: 久久国产精品波多野结衣AV| 大伊香蕉精品视频在线导航| 亚洲高清专区日韩精品| 成人精品一区二区三区电影黑人| 无码日韩精品一区二区三区免费 | 精品久久国产一区二区三区香蕉| 国产成人精品日本亚洲网址 | 91精品福利在线观看| 精品国精品国产自在久国产应用| 日韩精品无码久久一区二区三 | 日本精品一区二区三区在线观看 | 99热热久久这里只有精品68| 国产精品国产精品国产专区不卡| 伊人久久精品无码av一区| 国内精品久久久久久久久电影网 | 精品日韩亚洲AV无码| 在线精品亚洲一区二区| 四虎成人精品| 久久精品国产精品亚洲下载 | 8050免费午夜一级国产精品| 国产精品成人免费福利| 国产精品区一区二区三在线播放| 日韩精品视频一区二区三区| 四虎成人精品永久免费AV| 亚洲日韩国产AV无码无码精品| 午夜一级日韩精品制服诱惑我们这边 | 亚洲国产精品无码久久| 亚洲国产精品第一区二区三区| 久久久久久久亚洲精品| 久久99精品久久久久久齐齐| 精品亚洲欧美无人区乱码| 久久精品国产99久久香蕉| 久久久久无码精品| 欧美精品一区二区在线精品| 亚洲AV成人精品日韩一区18p| 亚洲爆乳无码精品AAA片蜜桃 | 亚洲国产精品成| 99热精品久久只有精品| 精品国产亚洲男女在线线电影 | 九九热在线视频观看这里只有精品| 成人久久精品一区二区三区|