代码改变世界

选择输入,下拉列表框

2017-10-09 13:58  澄序源  阅读(372)  评论(0编辑  收藏  举报

<body text="#FF0000" bgcolor="#CCFFFF">
    
    
        <input  type="radio" name="1" checked="checked" value="2"/>中文<!--单选项 的name值要一样否则就会出现全部能选的情况-->
        <input  type="radio" name="1" value="3"/>英文<!--checked="checked"为默认选项-->
        
        <br />
       
        <input  type="checkbox" name="2" id="a01"/><!--复选框-->
        <label for="a01">中文</label><!--点击文字会自动选中for中填写的id名相同的单元-->
        <input  type="checkbox" name="3"/> 英文 <!--和上面作比较点击名字不会有反应-->
        
        <br />
        <input  type="file" style="border:1px solid #000"/><!--上传文件 按钮-->
        
        
        <p>
        <select size="1" multiple="multiple">   <!--下拉列表  
                   size="1"时 显示一项为下拉列表
                    大于1时 是几就显示几项为列表
                    
                    multipe="multipe"为多选
                    按住ctrl多选(使用较少)
                    -->
            
            <option value="a">1</option><!--下拉列表项 必须写 value-->
            <option>2</option><!-- 以下value略-->
            <option>3</option>
            <option>4</option>  
        </select>
        
        <select size="2"><!--列表-->
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
        </select>
        </p>
        
    </body>