HT■ML5键入框往下拉莱单作用的实例编码

日期:2021-01-20 类型:科技新闻 

关键词:小游戏源代码,互动小游戏微信,自制小游戏,html5游戏,制作游戏大概多少钱

1.单选框编码

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

必须留意的是单选框name值需维持一致

款式:

勾选框

2.勾选框编码

 <span>喜爱的种类:</span>
    <input type="checkbox">妩媚的
    <input type="checkbox">讨人喜欢的
    <input type="checkbox">小鲜肉
    <input type="checkbox">老腊肉
    <input type="checkbox">都喜爱

如必须开展form表格递交 则必须name的特性一样

款式:

文字框

3.文字框编码实例

<span>所属地域:</span>
    <input type="text">

编码运作页面款式:

文字域

4.文字域编码实例

<span class="te2">自身详细介绍:</span>
    <textarea rows="2" cols="21"></textarea>

留意点:

rows非常于height , cols非常于width

若想设定为严禁拖拽则加上编码

<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它是设定往下拉莱单默认设置提醒文本

编码运作演试:

到此这篇有关HTML5键入框往下拉莱单作用的实例编码的文章内容就详细介绍到这了,大量有关HTML5键入框往下拉莱单內容请检索脚本制作之家之前的文章内容或再次访问下边的有关文章内容,期待大伙儿之后多多的适用脚本制作之家!

上一篇:C◎anvas 帧动漫吃iPhone游戏 返回下一篇:没有了