13-input标签

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>input标签</title>
</head>
<!-- 
    input标签
        type        元素类型
            text        文本框
            password    密码框
            radio       单选框
            checkbox    多选框
            file        文件上传域
            hidden      隐藏域
            button      普通按钮
            submit      提交按钮
            reset       重置按钮
            date/date-local 日期框
        value       元素默认值
        readonly    只读属性
        maxlength   最多输入的长度
        disabled    禁用标签

        注意:
            1.单选框需要通过name属性设置为一组
            2.如果是上传文件的表单,则表单需要设置一个属性 enctype="nultipart/fprm-data",提交方式为post请求
            3.没有name属性是无法提交对应元素的值
 -->
<body>
    <form action="">
        文本框:<input type="text" value="默认值1"  maxlength="10"><br>
        文本框:<input type="text" value="默认值1" readonly maxlength="10"><br>
        密码框:<input type="password" ><br>
        单选框:<input type="radio" name="sex" id="man"><label for="man">男</label>  
                <input type="radio" name="sex" id="women"><label for="women">女</label>  
                <br>
        复选框:<input type="checkbox" value="1" name="test" id="">1
        <input type="checkbox" value="1" name="test" id="">2
        <input type="checkbox" value="1" name="test" id="">3
        <br>
        文件域: <input type="file" name="" id=""> <br>
        隐藏域:<input type="hidden" name="" value="admin">
        按钮<br>
        普通按钮: <input type="button" value="普通按钮" disabled> <br>
        提交按钮: <input type="submit" value="提交按钮"> <br>
        重置按钮: <input type="reset" value="重置按钮"> <br>
        日期框: <input type="date" name="" id="">
        日期框: <input type="datetime-local" name="" id="">

    </form>
</body>
</html>
posted @ 2021-01-23 23:34  雪漠阳光  阅读(53)  评论(0编辑  收藏  举报