怎么在HTML5中實現(xiàn)一個輸入框下拉菜單功能-創(chuàng)新互聯(lián)

本篇文章為大家展示了怎么在HTML5中實現(xiàn)一個輸入框下拉菜單功能，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

瀘溪網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),瀘溪網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為瀘溪上1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢，請找那個售后服務(wù)好的瀘溪做網(wǎng)站的公司定做！

1.單選框代碼

<span>性別：</span>
            <input name="sex" value="" type="radio">男
            <input name="sex" value="" type="radio">女

需要注意的是單選框name值需保持一致

樣式：

復(fù)選框

2.復(fù)選框代碼

 <span>喜歡的類型：</span>
    <input type="checkbox">嫵媚的
    <input type="checkbox">可愛的
    <input type="checkbox">小鮮肉
    <input type="checkbox">老臘肉
    <input type="checkbox">都喜歡

如需要進(jìn)行form表單提交 則需要name的屬性一樣

樣式：

文本框

3.文本框代碼示例

<span>所在地區(qū)：</span>
    <input type="text">

代碼運行界面樣式：

文本域

4.文本域代碼示例

<span class="te2">自我介紹：</span>
    <textarea rows="2" cols="21"></textarea>

注意點：

rows相當(dāng)于height ， cols相當(dāng)于width

若想設(shè)置為禁止拖動則添加代碼

<textarea style="resize:none;"></textarea>

代碼運行示例：

下拉菜單

5.下拉菜單代碼示例：

<select name="" id="">
        <option value="" disabled selected hidden>--請選擇月--</option>
        <option value="">1</option>
        <option value="">2</option>
        <option value="">3</option>
        <option value="">4</option>
        <option value="">5</option>
        <option value="">6</option>
        <option value="">7</option>
        <option value="">8</option>
        <option value="">9</option>
        <option value="">10</option>
        <option value="">11</option>
        <option value="">12</option>
    </select>

注意點：disabled selected hidden這是設(shè)置下拉菜單默認(rèn)提示文字

代碼運行演示：

上述內(nèi)容就是怎么在HTML5中實現(xiàn)一個輸入框下拉菜單功能，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前文章：怎么在HTML5中實現(xiàn)一個輸入框下拉菜單功能-創(chuàng)新互聯(lián)
標(biāo)題URL：http://bm7419.com/article44/dsseee.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計公司、面包屑導(dǎo)航、營銷型網(wǎng)站建設(shè)、網(wǎng)站改版、定制開發(fā)、定制網(wǎng)站

廣告

聲明：本網(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)