明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

html中表單標(biāo)簽的type屬性的應(yīng)用案例

發(fā)表時間：2023-09-04 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]本篇文章給大家?guī)淼膬?nèi)容是關(guān)于html中表單標(biāo)簽的type屬性的應(yīng)用實例，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。<input/>單標(biāo)簽 <input type="text(文本)"/>type屬性：text （單行文本輸入框）p...
本篇文章給大家?guī)淼膬?nèi)容是關(guān)于html中表單標(biāo)簽的type屬性的應(yīng)用實例，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

<input/>單標(biāo)簽
<input type="text(文本)"/>

type屬性：

  1. text （單行文本輸入框）

  2. password（密碼輸入框）

  3. radio（單選按鈕）

  4. checkbox（復(fù)選框）

  5. button （普通按鈕）

  6. submit（提交按鈕）

  7. reset（重置按鈕）

  8. image（圖像形式的提交按鈕）

  9. file（文件域）
    name 自定義 控件名稱
    value 自定義 input控件中的默認(rèn)文本值
    size 正整數(shù) input 控件在頁面中的顯示寬度
    checked checked 定義選擇控件默認(rèn)被選中的項
    maxlength 正整數(shù) 控件允許輸入的最多字符數(shù)

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>表單設(shè)置</title></head><body>
    <table width="500" border="0" cellpadding="0" cellspacing="0" align="center">
        <caption><h3 style="color: pink;">青春不常在，抓緊談戀愛</h3></caption>
        <tr height="60">
            <td>性別</td>
            <td style="color: blue;">
                <img src="boy.jpg" />男<input type="radio"  name="sex" />
                <img src="girl.jpg" />女<input type="radio" name="sex" />
            </td>
        </tr>
        <tr height="60">
            <td>生日</td>
            <td>
                <select name="" id="">
                    <option value="">選擇年份</option>
                    <option value="">142</option>
                    <option value="">2234</option>
                    <option value="">3342</option>
                    <option value="">2124</option>
                </select>
                <select name="" id="">
                    <option value="">選擇月份</option>
                    <option value="">1月份</option>
                    <option value="">2月份</option>
                    <option value="">3月份</option>
                    <option value="">2月份</option>
                </select>
                <select name="" id="">
                    <option value="">選擇日</option>
                    <option value="">1號</option>
                    <option value="">2號2</option>
                    <option value="">3號</option>
                    <option value="">2號1</option>
                </select>
            </td>
        </tr>
        <tr height="60">
            <td>所在地區(qū)</td>
            <td >
                <input type="text" value="北疆" style="color：gray；" />
            </td>
        </tr>
        <tr height="60">
            <td>所在地區(qū)編碼</td>
            <td >
                23 <input type="checkbox" />
                34 <input type="checkbox" />
                56 <input type="checkbox" />
                67 <input type="checkbox" />
            </td>
        </tr>
        <tr height="60">
            <td>用戶名</td>
            <td >
                <input type="text" />
            </td>
        </tr>
        <tr height="60">
            <td>密碼</td>
            <td >
                <input type="password" maxlength="6" />//控制最多輸入6個字            </td>
        </tr>


        <tr height="60">
            <td>注冊</td>
            <td >
                <input type="button" value="注冊" />
                <input type="button" value="提交"  />
                <input type="button" value="失敗" />
                <input type="image" src="zhuce.jpg" />
            </td>
        </tr>
        <tr height="60">
            <td>上傳頭像</td>
            <td >
                <input type="flie" >
            </td>
        </tr>
        <tr height="60">
            <td>自我介紹</td>
            <td >
                <textarea width= "500"></textarea><!--多行文本框-->
            </td>
        </tr>
        <tr height="60">
            <td></td>
            <td ><!--圖像按鈕-->
                <input type="image" src="zhuce.jpg" >
            </td>
        </tr>
        <tr height="60">
            <td></td>
            <td > <!--選擇-->
                我同意 <input type="checkbox" />
            </td>
        </tr>
        <tr height="60">
            <td></td>
            <td >
                <ins>我是會員立即注冊</ins>
            </td>
        </tr>
        <tr height="60">
            <td></td>
            <td >
                <h3>我承諾</h3> 
                <ul>
                    <li>輔導(dǎo)班v</li>
                    <li>發(fā)給你發(fā)</li>
                    <li>vfbf</li>
                    <li>房間打開</li>
                </ul>
            </td>
        </tr>
    </table></body></html>

相關(guān)推薦：

html strong標(biāo)簽是什么意思？html中strong標(biāo)簽的具體用法介紹

html link標(biāo)簽有什么作用？html link標(biāo)簽的定義及屬性介紹

以上就是html中表單標(biāo)簽的type屬性的應(yīng)用實例的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。