各种表单——2018-02-01

1、各种表单汇总：

<form action="http://www.baidu.com" method="get" target="_blank">
            提交按钮：<input type="submit" value="提交" name=""/>
            <br/><br/>
            文本框：<input type="text" value="默认值" name=""/>
            <br/><br/>
            密码框：<input type="password" name=""/>
            <br/><br/>
            单选框：
            <input type="radio" name="choose" id="1"/><label for="1">选项1</label>
            <input type="radio" name="choose" id="2"/><label for="2">选项2</label>
            <br/><br/>
            复选框：
            <input type="checkbox" name="" id="3"/><label for="3">复选1</label>
            <input type="checkbox" name="" checked/>复选2
            <input type="checkbox" name="" disabled/>复选3
            <input type="checkbox" name=""/>复选4
            <br/><br/>
            <hr/>
            上传：
            <input type="file" name=""/>
            <br/>
            空白按钮：
            <input type="button" name=""/>
            <br/>
            重置：
            <input type="reset" name=""/>
            <br/>
            隐藏：
            <input type="hidden" name=""/>
            <br/><br/>
            <hr/>
            下拉选框：
            <select name="" id="">
                <option value="">1999</option>
                <option value="" selected>1998</option>
                <option value="">1997</option>
                <option value="">1996</option>
                <option value="">1995</option>
            </select>
            <br/><br/>
            文本域：
            <textarea></textarea>
        </form>

二、cssReset

<style>
            form{
                margin: 0;
            }
            input{
                margin: 0;
                padding: 0;
            }
            select{
                margin: 0;
            }
            textarea{
                margin: 0;
                padding: 0;
                resize: none;
            }
        </style>

三、注意：

表单中的上传、空白按钮、重置、隐藏，基本用不到，作为了解就行。