输入框

Posted 2021-01-02 badren

    文本框
    <input type="text" placeholder="请输入账号">    

    密码框
    <input type="password" placeholder="请输入密码" maxlength="6"(最大长度)>

    重置按钮
    <input type="reset" value="按钮内容">

    确认提交按钮
    <input type="submit" value=" ">

    按钮
    <input type="button" value=" ">

    html5新增按钮标签，有提交功能:
    <button> </button>

    单选框:name值相同
    <input type="radio" name="sex">
    <input type="radio" name="sex">

    <lable for="male">男</lable>
    <input type="radio" name="sex" id="male">
    
    多选框
    <input type="checkbox" checked>
                            默认选中其中一项
    
    多行文本框
    <textarea name=" " id=" " cols="30" rows="10">
    </textarea>（通过css控制宽高）
    resize：none； 去掉多行文本框中可以变大变小的功能

    下拉框
    <select name=" " id=" ">
        <option value=" ">下拉内容</option>
    </select>

    邮箱
    <input type="email" palceholder="请输入邮箱">

    颜色
    <input type="color">

    日期：年月日
    <input type="date">

    日期：年月日 小时 分钟
    <input type="datetime-local">

    搜索
    <input type="search">