html中表單標簽的type屬性怎么用

發(fā)布時間：2020-12-05 10:34:32 來源：億速云閱讀：264 作者：小新欄目：web開發(fā)

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

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

type屬性：

text （單行文本輸入框）
password（密碼輸入框）
radio（單選按鈕）
checkbox（復(fù)選框）
button （普通按鈕）
submit（提交按鈕）
reset（重置按鈕）
image（圖像形式的提交按鈕）
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é)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向AI問一下細節(jié)

html中表單標簽的type屬性怎么用

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽