表单及表单元素

本形式以注册登录的形式向大家介绍一下表单及基本元素
    <form>

<!--一般用户登录用户名是采取用户可见模式，所以采用text形式即可    密码一般是采取不可见模式，所以用类型password-->
        用户名:<input type="text" /><br>
        密码:<input type="password" /><br>

<!--性别一般选项是只能选择一项，采用radio形式，需要注意的是它们的name值必须相同，如果忘记加上name值会出现可同时选中的情况-->

        性别:
        <input type="radio" name="sex">男
        <input type="radio" name="sex">女
        <input type="radio" name="sex">未知
        <input type="radio" name="sex">人妖

        <br>

 

<!--爱好一般的为多选项，采用的形式则为checkbox，因为此项为多选项，则后面加不加相同的name值都一样-->
        爱好:
        <input type="checkbox" />编程
        <input type="checkbox" />金钱
        <input type="checkbox" />篮球
        <input type="checkbox" />帅哥美女吧
        <input type="checkbox" />乐于助人
        <br>

<!--个人简介一般都是一段话，所以给他一个类似文本框的，但是需要是的，拓展他的长度和宽度，用textarea，后面用rows和cols定义它们的长度与宽度-->
        个人简介<textarea name="" id="" rows="20" cols="30"></textarea><br>

 

<!--下面所在的城市为选择模式，我只举了三个例子，需要注意的是，如果option后面使用了selected，表示默认为此城市，如果都没有selected，则默认请选择所在城市-->
        <select name="" id="">
            <option value="">请选择所在的城市</option>
            <option value="">北京</option>
            <option value="">上海</option>
            <option value="" selected="">深圳</option>

        </select>

        <br>

        搜索:

<!--button和submit都是按钮的形式，差别的话可以上w3c查阅-->
        <input type="button" value="搜索"/>
        <input type="submit" value="注册">

<!--reset为重置-->
        <input type="reset" value="重置">
        <br>

<!--上传头像则选用file形式，点击即可上传文件-->
        头像<input type="file" />
        <input type="image" src="1.jpg"/>

        

    </form>