html中表單標簽的type屬性怎么用-創(chuàng)新互聯(lián)

這篇文章給大家分享的是有關(guān)html中表單標簽的type屬性怎么用的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考。一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)公司"三網(wǎng)合一"的企業(yè)建站思路。企業(yè)可建設(shè)擁有電腦版、微信版、手機版的企業(yè)網(wǎng)站。實現(xiàn)跨屏營銷,產(chǎn)品發(fā)布一步更新,電腦網(wǎng)絡(luò)+移動網(wǎng)絡(luò)一網(wǎng)打盡,滿足企業(yè)的營銷需求!創(chuàng)新互聯(lián)公司具備承接各種類型的網(wǎng)站建設(shè)、做網(wǎng)站項目的能力。經(jīng)過十年的努力的開拓,為不同行業(yè)的企事業(yè)單位提供了優(yōu)質(zhì)的服務(wù),并獲得了客戶的一致好評。
<input/>單標簽
<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控件中的默認文本值
    size    正整數(shù)   input 控件在頁面中的顯示寬度
    checked  checked   定義選擇控件默認被選中的項
    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><h4 style="color: pink;">青春不常在,抓緊談戀愛</h4></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 >
                <h4>我承諾</h4> 
                <ul>
                    <li>輔導(dǎo)班v</li>
                    <li>發(fā)給你發(fā)</li>
                    <li>vfbf</li>
                    <li>房間打開</li>
                </ul>
            </td>
        </tr>
    </table></body></html>

感謝各位的閱讀!關(guān)于html中表單標簽的type屬性怎么用就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

網(wǎng)站題目:html中表單標簽的type屬性怎么用-創(chuàng)新互聯(lián)
鏈接URL:http://muchs.cn/article12/djhgdc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站導(dǎo)航、網(wǎng)站制作、做網(wǎng)站用戶體驗、App開發(fā)、域名注冊

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)