HTML5零基础-12-input元素

最新推荐文章于 2024-06-10 23:30:57 发布

Wock1

最新推荐文章于 2024-06-10 23:30:57 发布

阅读量79

点赞数

分类专栏： HTML5 文章标签： html

本文链接：https://blog.csdn.net/quirkmask/article/details/118667779

版权

HTML5 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>input</title>
</head>

<!--
        input标签
            type    元素的类型
                text    文本框
                password 密码框
                radio   单选框
                checkbox 复选框
                file    文件域
                hidden  隐藏按钮
                button  普通按钮
                submit  提交按钮
                reset   重置按钮
                date    日期框
            value   元素的值
            readonly 只读
            maxlength   最多输入的长度
            disabled    禁用标签

            注意:
                1. 单选框需要通过name属性设置为一组
                2. 如果是上传文件的表单,则表单需要设置一个属性 enctype="multipart/form-data" post请求
                3.没有name属性无法提交数据

-->
<body>
    <form action="https://www.baidu.com" method="get">
        文本框: <input type="text" value="张三" readonly="readonly"><br>
        文本框: <input type="text" value="张三" maxlength="10"><br>
        密码框: <input type="password" maxlength="10" ><br>
        单选框: <input type="radio" value="man" name="sex"> 男  <input type="radio" value="man" name="sex"> 女<br>
        复选框: <br>
        <input type="checkbox" value="1" name="test"> 1<br>
        <input type="checkbox" value="1" name="test"> 2<br>
        <input type="checkbox" value="1" name="test"> 3<br>
        文件域: <input type="file" ><br>
        隐藏域: <input type="hidden" value="admin" ><br>
        普通按钮: <input type="button" value="admin" disabled="disabled"><br>
        提交按钮:<input type="submit" value="admin"><br>
        重置按钮:<input type="reset" value="admin"><br>
        日期框:  <input type="date">

    </form>

</body>
</html>

Wock1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5零基础-12-input元素

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>input</title></head><!-- input标签 type 元素的类型 text 文本框 password 密码框
复制链接

扫一扫